Bouncing Ball with DoubleAnimationUsingKeyFrames
<UserControl x:Class='SilverlightApplication3.MainPage'
xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'
xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
xmlns:d='http://schemas.microsoft.com/expression/blend/2008'
xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006'
mc:Ignorable='d'
d:DesignWidth='640'
d:DesignHeight='480'>
<Ellipse Name="elips" Width="20" Height="20" Fill="Red" Canvas.Left="96">
<Ellipse.Triggers>
<EventTrigger RoutedEvent="Ellipse.Loaded">
<BeginStoryboard>
<Storyboard TargetName="elips"
TargetProperty="(Canvas.Top)"
RepeatBehavior="Forever">
<DoubleAnimationUsingKeyFrames>
<DiscreteDoubleKeyFrame KeyTime="0:0:0" Value="96" />
<SplineDoubleKeyFrame KeyTime="0:0:1" Value="480"
KeySpline="0.25 0, 0.6 0.2" />
<SplineDoubleKeyFrame KeyTime="0:0:2" Value="96"
KeySpline="0.75 1, 0.4 0.8" />
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Ellipse.Triggers>
</Ellipse>
</UserControl>
Related examples in the same category