O'Reilly logo

Blend for Visual Studio 2012 by Example : Beginner's Guide by Abhishek Shukla

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

XAML for the storyboard

In the previous section, we saw how we can create a simple animation, and we used the Blend designing interface to do that. Now, let's take look at the XAML code generated by Blend in the background and see how we can tweak that to make changes. The following is the XAML code generated:

<Window.Resources> <Storyboard x:Key="MoveBall" RepeatBehavior="00:00:15" AutoReverse="False"> <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="ellipse"> <EasingDoubleKeyFrame KeyTime="0" Value="0"/> <EasingDoubleKeyFrame KeyTime="0:0:2" Value="400"/> </DoubleAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required