Click here to Skip to main content
11,796,393 members (71,775 online)
Rate this: bad
Please Sign up or sign in to vote.
See more: WPF Threading Animation
Hi Community,

I've created a ControlTemplate in my Application.Resources.
I'm using this Template for Buttons to make their Background transparent.

<ControlTemplate TargetType="Button" x:Key="HollowButtonTemplate">
    <Border x:Name="bord" Background="#00000000">
        <ContentPresenter Content="{TemplateBinding Content}" 
       HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
       VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>

There are two Triggers.

One to make a hover-effect and another to make my button glowing.

<Trigger Property="IsMouseOver" Value="True">
   <Setter Property="Effect">
        <DropShadowEffect Direction="255" BlurRadius="3" 
           ShadowDepth="1" Color="Black"/>

<EventTrigger RoutedEvent="Button.Click">
   <BeginStoryboard Storyboard="{StaticResource HollowButtonGlow}"/>

<Storyboard x:Key="HollowButtonGlow">
   <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Effect).Color">
      <SplineColorKeyFrame KeyTime="0:0:0.0" Value="White" />
      <SplineColorKeyFrame KeyTime="0:0:0.4" Value="Black" />

Now Adding the Template to my Button
<Button x:Name="btHollow" Template="{StaticResource HollowButtonTemplate}">

And it works fine Smile | :)

But if i put some code in my ClickEvent-Handler ...
<Button x:Name="btHollow" Click="btHollow_Click" Template="{StaticResource HollowButtonTemplate}">

private void btHollow_Click(object sender, RoutedEventArgs e)
      //Some Code

...the animation starts after the code is finished Frown | :(

Is there a common way to make a click-Animation without using a seperate Thread for the ClickEvent-Handler-Code ?
Posted 21-Jul-11 21:09pm
Edited 21-Jul-11 21:16pm
Mark Salsbery at 22-Jul-11 16:33pm
You must be tying up the UI thread, so even starting the animation manually may not help. Lengthy operations should be done on a separate thread!

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 Maciej Los 570
1 Abhinav S 392
2 OriginalGriff 340
3 CPallini 269
4 KrunalRohit 249
0 OriginalGriff 2,012
1 Maciej Los 1,615
2 KrunalRohit 1,310
3 CPallini 1,015
4 Richard MacCutchan 828

Advertise | Privacy | Mobile
Web01 | 2.8.151002.1 | Last Updated 22 Jul 2011
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100