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






  1. VB.Net
  2. Windows Presentation Foundation
  3. Animation

Simple Key Frame Animation

Simple Key Frame Animation
      
<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>








Related examples in the same category

1.Animated StartPointAnimated StartPoint
2.Animated EndPointAnimated EndPoint
3.Animated StartPoint and EndPointAnimated StartPoint and EndPoint
4.Animated GradientStop Offset with DoubleAnimationAnimated GradientStop Offset with DoubleAnimation
5.Animated GradientStop Color with ColorAnimationAnimated GradientStop Color with ColorAnimation
6.Animated GradientStop Opacity ColorAnimation.ByAnimated GradientStop Opacity ColorAnimation.By
7.Animated GradientOriginAnimated GradientOrigin
8.Animated CenterAnimated Center
9.Animated RadiusAnimated Radius
10.Animating ColorAnimating Color
11.Animating Gradient OffsetAnimating Gradient Offset
12.Animate GradientStopAnimate GradientStop
13.KeyFrame Point AnimationKeyFrame Point Animation
14.Use Button to pause an animation with PauseStoryboardUse Button to pause an animation with PauseStoryboard
15.Use Button to resume an Animation with ResumeStoryboardUse Button to resume an Animation with ResumeStoryboard
16.Use Button to skip an Animation with SkipStoryboardToFillUse Button to skip an Animation with SkipStoryboardToFill
17.Use Button to stop an Animation with StopStoryboardUse Button to stop an Animation with StopStoryboard
18.Frame RatesFrame Rates
19.Using PointAnimationUsing PointAnimation
20.PointAnimation and BezierSegmentPointAnimation and BezierSegment
21.PointAnimation ToPointAnimation To
22.Animate BezierCurveAnimate BezierCurve
23.Animation of the combined transformAnimation of the combined transform
24.Animate the Opacity of TextBlock at different starting timeAnimate the Opacity of TextBlock at different starting time
25.Animate Canvas positionAnimate Canvas position
26.RepeatBehavior=2xRepeatBehavior=2x
27.Use DiscreteDoubleKeyFrame to switch textUse DiscreteDoubleKeyFrame to switch text
28.Paced AnimationPaced Animation
29.Xaml ClockXaml Clock
30.Enlarge Buttons In XamlEnlarge Buttons In Xaml
31.Use SplineDoubleKeyFrame to rotate a ButtonUse SplineDoubleKeyFrame to rotate a Button
32.Key frame animationKey frame animation
33.Key frame spline animationKey frame spline animation
34.Setting enumeration values with discrete animations with DiscreteObjectKeyFrameSetting enumeration values with discrete animations with DiscreteObjectKeyFrame
35.Point path animationPoint path animation
36.String Animation Using Key FramesString Animation Using Key Frames
37.Expand ElementExpand Element
38.Animating nested propertiesAnimating nested properties
39.Animation LinearGradientBrushAnimation LinearGradientBrush
40.Use ColorAnimation to animate backgroundUse ColorAnimation to animate background
41.Text AnimationText Animation
42.Start and stop an Animation with Button actionsStart and stop an Animation with Button actions
43.Animate TransformationAnimate Transformation
44.Associating the clicking of each button with a stack of XAML that starts or stops the animationAssociating the clicking of each button with a stack of XAML that starts or stops the animation
45.Limit the Frame Rate for All Animations in an ApplicationLimit the Frame Rate for All Animations in an Application
46.Animated Button With Discrete Key FramesAnimated Button With Discrete Key Frames
47.Animation In XamlAnimation In Xaml
48.Using SpeedRatio in a hierarchyUsing SpeedRatio in a hierarchy
49.SplineDoubleKeyFrame and KeySplineSplineDoubleKeyFrame and KeySpline
50.Hold on end for an AnimationHold on end for an Animation
51.Animate Several PropertiesAnimate Several Properties
52.Scaling parameters ScaleX and ScaleY are animatedScaling parameters ScaleX and ScaleY are animated
53.Animation ProgressBar.Animation ProgressBar.
54.Control the Progress of an AnimationControl the Progress of an Animation
55.Remove Animations with AnimationClockRemove Animations with AnimationClock
56.Remove AnimationsRemove Animations
57.Timer triggered AnimationTimer triggered Animation
58.Path animation by code, duration, RepeatBehaviorPath animation by code, duration, RepeatBehavior
59.Rolling Ball AnimationRolling Ball Animation
60.Create an interactive animation using XAML and the StoryboardCreate an interactive animation using XAML and the Storyboard
61.Create animations using the Storyboard in codeCreate animations using the Storyboard in code
62.Receive Notification When an Animation CompletesReceive Notification When an Animation Completes
63.Create DoubleAnimation and Animate a Button with Button.BeginAnimation and Button.WidthPropertyCreate DoubleAnimation and Animate a Button with Button.BeginAnimation and Button.WidthProperty
64.Velocity animationVelocity animation
65.A simple, finite animationA simple, finite animation
66.Code Animation Accelerate DecelerateCode Animation Accelerate Decelerate
67.Animation with codeAnimation with code
68.Opacity Animation
69.Width and Height animation
70.TranslateTransform and DoubleAnimation
71.Rotate Button AnimationRotate Button Animation
72.Rotate Button Animation With LayoutRotate Button Animation With Layout
73.A Simple Animation in CodeA Simple Animation in Code
74.Stop, resume animation with StoryboardStop, resume animation with Storyboard