Animation with Discrete Key Frames : DiscreteDoubleKeyFrame « Animations « Silverlight

1. Silverlight
2. Animations
3. DiscreteDoubleKeyFrame

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>

   
    
    
    
  

Related examples in the same category

1.	Use a discrete key frame animation to jump from one position to another without any interpolation
2.	Color Key Frame Animation Example
3.	Use DiscreteKeyframe to control animation