Question

My WPF app has animation along these lines:

a. Rotate a TextBlock from 000 to 090.

b. Update the Text property of the TextBlock to a new value

c. Continue rotating the TextBlock from 090 to 180.

I am able to achieve steps a and c, by adding two DoubleAnimations to the Children of a StoryBoard. Is there a way to trap the end of the first animation to do some work?

Thanks.

Answer 1

You could create two storyboards, one for the rotate to 90 and the other to 180. When the first storyboard completes, update the text, then start the next storyboard.

Storyboard rotateTo90 = new Storyboard();
// Add rotate animation
rotateTo90.Completed += (s,e) => 
    { 
         TextBlock1.Text = "Updated";
         Storyboard rotateTo180 = new Storyboard();
         // Add rotate animation
         rotateTo180.Begin();
    };
rotateTo90.Begin();