Click here to Skip to main content
12,399,799 members (48,113 online)
Rate this:
Please Sign up or sign in to vote.
See more: WPF threads 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
Updated 21-Jul-11 21:16pm
Mark Salsbery 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
Top Experts
Last 24hrsThis month

Advertise | Privacy | Mobile
Web02 | 2.8.160721.1 | Last Updated 22 Jul 2011
Copyright © CodeProject, 1999-2016
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