Mega Code Archive

 

Categories / Silverlight / Animations

 

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>