Simple Key Frame Animation : Frame Animation « Windows Presentation Foundation « VB.Net Tutorial






<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Ellipse Name="elips"
             Width="48" Height="48" Fill="Red"
             Canvas.Left="480" Canvas.Top="96" />

    <Canvas.Triggers>
        <EventTrigger RoutedEvent="Canvas.Loaded">
            <BeginStoryboard>
                <Storyboard TargetName="elips" TargetProperty="(Canvas.Left)">
                    <DoubleAnimationUsingKeyFrames RepeatBehavior="Forever"
                                                   Duration="0:0:10">
                        <LinearDoubleKeyFrame KeyTime="0:0:5" Value="0" />
                        <LinearDoubleKeyFrame KeyTime="0:0:5.5" Value="48" />
                        <DiscreteDoubleKeyFrame KeyTime="0:0:6" Value="144" />
                        <DiscreteDoubleKeyFrame KeyTime="0:0:7" Value="240" />
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Canvas.Triggers>
</Canvas>
WPF Simple Key Frame Animation








16.110.Frame Animation
16.110.1.Simple Key Frame AnimationSimple Key Frame Animation
16.110.2.KeyFrame Point AnimationKeyFrame Point Animation
16.110.3.Use DiscreteDoubleKeyFrame to switch textUse DiscreteDoubleKeyFrame to switch text
16.110.4.Use SplineDoubleKeyFrame to rotate a ButtonUse SplineDoubleKeyFrame to rotate a Button
16.110.5.Key frame animationKey frame animation
16.110.6.Key frame spline animationKey frame spline animation
16.110.7.Animated Button With Discrete Key FramesAnimated Button With Discrete Key Frames
16.110.8.SplineDoubleKeyFrame and KeySplineSplineDoubleKeyFrame and KeySpline
16.110.9.Limit the Frame Rate for All Animations in an ApplicationLimit the Frame Rate for All Animations in an Application
16.110.10.Frame RatesFrame Rates
16.110.11.String Animation Using Key FramesString Animation Using Key Frames