Mega Code Archive

 

Categories / Silverlight / Animations

 

Animation with Discrete Key Frames

<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'>   <Image Source="c:\image.png">     <Image.Triggers>       <EventTrigger RoutedEvent="Image.Loaded">         <EventTrigger.Actions>           <BeginStoryboard>             <Storyboard>               <DoubleAnimation Storyboard.TargetProperty="(Canvas.Left)" From="0" To="500" Duration="0:0:3"/>               <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Canvas.Top)" Duration="0:0:3">                 <DiscreteDoubleKeyFrame Value="0" KeyTime="0:0:0"/>                 <DiscreteDoubleKeyFrame Value="200" KeyTime="0:0:1"/>                 <DiscreteDoubleKeyFrame Value="0" KeyTime="0:0:2"/>               </DoubleAnimationUsingKeyFrames>             </Storyboard>           </BeginStoryboard>         </EventTrigger.Actions>       </EventTrigger>     </Image.Triggers>   </Image> </UserControl>