WPF Animation Completed Event

Question

Hi All,

I am trying to animate an object vertically, from point A to B , i am using a ThicknessAnimation to achieve this. However i noticed that if i place the duration of the animation to 100 ms, the Completed event is being called before the animation is actually completed. I noticed this by placing a message box in the Completed event handler. Visually i notice that the animation stopped a little before the end when the messagebox appeared. Could i be doing something wrong?

Thanks!

Answer 1

Hi,

Could you please provide a simplified example to demonstrate the issue you are encountering?

Thanks.

---

Jim Zhou -MSFT

Answer 2

I have used similar thing in my article

please go through it, I have explained I hope this will help you :)
http://www.codeproject.com/KB/WPF/WITIYMIWYG.aspx

---

Prasad - www.beautifulmind.blog.co.in

Answer 3

Hi All,

Below is a small portion of my code.

xaml:
<Page.Resources>
<Storyboard x:Key="HighLightAnim">
            <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="highlight_bar" Storyboard.TargetProperty="(FrameworkElement.Margin)">
                <SplineThicknessKeyFrame/>
                <SplineThicknessKeyFrame/>
            </ThicknessAnimationUsingKeyFrames>
        </Storyboard>
</Page.Resources>

C# Code behind:


 void OnAnimationCompleted(object sender, EventArgs e)
        {
          MessageBox.Show("Completed");  

        }
////////////////////////////////////////////////////////////////////////////////////

private void Animate()
{
 Storyboard stb_hightLightAnim = (Storyboard)this.Resources["HighLightAnim"];
 stb_hightLightAnim.Completed += new EventHandler(OnAnimationCompleted);
ThicknessAnimationUsingKeyFrames highlightThicknessAnim;
                highlightThicknessAnim = (ThicknessAnimationUsingKeyFrames)stb_hightLightAnim.Children[0];
                highlightThicknessAnim.KeyFrames[0].Value = new Thickness(0, 0, 0, 0);
                highlightThicknessAnim.KeyFrames[1].Value = new Thickness(0, 47, 0, 0);
                highlightThicknessAnim.KeyFrames[0].KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromMilliseconds(100));
                highlightThicknessAnim.KeyFrames[1].KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromMilliseconds(100));
                stb_hightLightAnim.Begin(this);

}


The message box is appearing before the animation is complete .

Regards.

Answer 4

private void Animate()
{
    Storyboard stb_hightLightAnim = (Storyboard)this.Resources["HighLightAnim"];
    stb_hightLightAnim.Completed += ((s,e)=>MessageBox.Show("Completed"));
    // your other codes.

    stb_hightLightAnim.Begin(this);

}

try that.

Answer 5

I used the StoryBoard component, which has a Completed event.

Answer 6

I ran into this bug as well.

Please, answer paolo if you found solution