KeySpline Animation : Animation « Windows Presentation Foundation « C# / CSharp Tutorial






  1. C# / CSharp Tutorial
  2. Windows Presentation Foundation
  3. Animation
<Window x:Class="Animation.KeySplineAnimation"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="KeySplineAnimation" Height="249.6" Width="624"
    >
    <Window.Triggers>
        <EventTrigger RoutedEvent="Window.Loaded">
            <EventTrigger.Actions>
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ellipse1" Storyboard.TargetProperty="(Canvas.Left)" >
                            <SplineDoubleKeyFrame KeyTime="0:0:5" Value="250" KeySpline="0.25,0 0.5,0.7"></SplineDoubleKeyFrame>
                            <SplineDoubleKeyFrame KeyTime="0:0:10" Value="500" KeySpline="0.25,0.8 0.2,0.4"></SplineDoubleKeyFrame>
                        </DoubleAnimationUsingKeyFrames>

                        <DoubleAnimation Storyboard.TargetName="ellipse2" Storyboard.TargetProperty="(Canvas.Left)" To="500" Duration="0:0:10">
                        </DoubleAnimation>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger.Actions>
        </EventTrigger>
    </Window.Triggers>
    <Canvas Margin="10">
        <Ellipse Name="ellipse1" Canvas.Left="0" Fill="Red" Width="10" Height="10"></Ellipse>
        <Ellipse Name="ellipse2" Canvas.Top="150" Canvas.Left="0" Fill="Red" Width="10" Height="10"></Ellipse>
    </Canvas>
</Window>
WPF Key Spline Animation




24.108.Animation
24.108.1.Two AnimationsTwo Animations
24.108.2.Animate RenderTransform AngleAnimate RenderTransform Angle
24.108.3.Animation In StyleAnimation In Style
24.108.4.Animation without acceleration or decelerationAnimation without acceleration or deceleration
24.108.5.XAML Only AnimationXAML Only Animation
24.108.6.Control Animations Through TriggersControl Animations Through Triggers
24.108.7.Four Sided BounceFour Sided Bounce
24.108.8.Matrix Animated ButtonMatrix Animated Button
24.108.9.KeySpline AnimationKeySpline Animation
24.108.10.Repetition countRepetition count
24.108.11.Repetition durationRepetition duration
24.108.12.Rotate Button AnimationRotate Button Animation
24.108.13.Rotate Button Animation With LayoutRotate Button Animation With Layout
24.108.14.A simple, finite animationA simple, finite animation
24.108.15.Animation with codeAnimation with code
24.108.16.Animation In CodeAnimation In Code
24.108.17.A Simple Animation in CodeA Simple Animation in Code
24.108.18.Remove Animations with AnimationClockRemove Animations with AnimationClock
24.108.19.Remove AnimationsRemove Animations
24.108.20.Control the Progress of an AnimationControl the Progress of an Animation
24.108.21.Timer triggered AnimationTimer triggered Animation
24.108.22.Show a Continuous Animation During an Asynchronous ProcessShow a Continuous Animation During an Asynchronous Process
24.108.23.Receive Notification When an Animation CompletesReceive Notification When an Animation Completes