Animation with Mixed Key Frames.xaml : Frame Animation « Windows Presentation Foundation « C# / CSharp Tutorial






<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
  <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"/>
                  <LinearDoubleKeyFrame Value="200" KeyTime="0:0:1"/>
                  <SplineDoubleKeyFrame KeySpline="0,1,1,0" Value="200" KeyTime="0:0:3"/>
              </DoubleAnimationUsingKeyFrames>
            </Storyboard>
          </BeginStoryboard>
        </EventTrigger.Actions>
      </EventTrigger>
    </Image.Triggers>
  </Image>
</Canvas>
WPF Animation With Mixed Key Framesxaml








24.111.Frame Animation
24.111.1.Animation with Discrete Key FramesAnimation with Discrete Key Frames
24.111.2.Animation with Mixed Key Frames.xamlAnimation with Mixed Key Frames.xaml
24.111.3.Discrete Double Key FrameDiscrete Double Key Frame
24.111.4.Ball moves following spline key framesBall moves following spline key frames
24.111.5.Use ColorAnimationUsingKeyFrames to animate GradientStopUse ColorAnimationUsingKeyFrames to animate GradientStop
24.111.6.Use StringAnimationUsingKeyFrames to ColorUse StringAnimationUsingKeyFrames to Color
24.111.7.Using DiscreteStringKeyFrameUsing DiscreteStringKeyFrame
24.111.8.Use ColorAnimationUsingKeyFrames to animate the foreground color of a TextBlockUse ColorAnimationUsingKeyFrames to animate the foreground color of a TextBlock
24.111.9.Use StringAnimationUsingKeyFrames to animate the text value of a TextBlockUse StringAnimationUsingKeyFrames to animate the text value of a TextBlock