Mega Code Archive

 

Categories / VB.Net / WPF

 

Key frame spline animation

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"       HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> <Canvas>   <Rectangle Fill="Red" Width="20" Height="20">     <Rectangle.Triggers>       <EventTrigger RoutedEvent="Rectangle.Loaded">         <BeginStoryboard>           <Storyboard>             <DoubleAnimation From="0" To="800" Duration="0:0:10"                 Storyboard.TargetProperty="(Canvas.Left)"                 RepeatBehavior="Forever" AutoReverse="True" />                                  <DoubleAnimationUsingKeyFrames Duration="0:0:2" RepeatBehavior="Forever"                         Storyboard.TargetProperty="(Canvas.Top)">                   <DoubleAnimationUsingKeyFrames.KeyFrames>                     <LinearDoubleKeyFrame Value="0" KeyTime="0:0:0" />                     <SplineDoubleKeyFrame Value="50" KeyTime="0:0:0.5"                                           KeySpline="0.4,0 0.7,0.7" />                     <SplineDoubleKeyFrame Value="200" KeyTime="0:0:1"                                           KeySpline="0.2,0.2 0.7,0.4" />                     <SplineDoubleKeyFrame Value="0" KeyTime="0:0:2"                                           KeySpline="0.25,0.25 0.6,1" />                   </DoubleAnimationUsingKeyFrames.KeyFrames>                 </DoubleAnimationUsingKeyFrames>                            </Storyboard>         </BeginStoryboard>       </EventTrigger>     </Rectangle.Triggers>   </Rectangle> </Canvas> </Page>