Key frame spline animation : Animation « Windows Presentation Foundation « VB.Net

Home VB.Net 1. 2D 2. Application 3. Class 4. Data Structure 5. Data Types 6. Database ADO.net 7. Development 8. Event 9. File Directory 10. Generics 11. GUI 12. Language Basics 13. LINQ 14. Network Remote 15. Security 16. Thread 17. Windows Presentation Foundation 18. Windows System 19. XML 20. XML LINQ VB.Net Tutorial VB.Net by API

VB.Net » Windows Presentation Foundation » Animation Screenshots  Key frame spline animation        <Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"       HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> <Canvas>   <Rectangle Fill="Red" Width="20" Height="20">     <Rectangle.Triggers>       <EventTrigger RoutedEvent="Rectangle.Loaded">         <BeginStoryboard>           <Storyboard>             <DoubleAnimation From="0" To="800" Duration="0:0:10"                 Storyboard.TargetProperty="(Canvas.Left)"                 RepeatBehavior="Forever" AutoReverse="True" />                                  <DoubleAnimationUsingKeyFrames Duration="0:0:2" RepeatBehavior="Forever"                         Storyboard.TargetProperty="(Canvas.Top)">                   <DoubleAnimationUsingKeyFrames.KeyFrames>                     <LinearDoubleKeyFrame Value="0" KeyTime="0:0:0" />                     <SplineDoubleKeyFrame Value="50" KeyTime="0:0:0.5"                                           KeySpline="0.4,0 0.7,0.7" />                     <SplineDoubleKeyFrame Value="200" KeyTime="0:0:1"                                           KeySpline="0.2,0.2 0.7,0.4" />                     <SplineDoubleKeyFrame Value="0" KeyTime="0:0:2"                                           KeySpline="0.25,0.25 0.6,1" />                   </DoubleAnimationUsingKeyFrames.KeyFrames>                 </DoubleAnimationUsingKeyFrames>                            </Storyboard>         </BeginStoryboard>       </EventTrigger>     </Rectangle.Triggers>   </Rectangle> </Canvas> </Page>                                 Related examples in the same category 1. Animated StartPoint 2. Animated EndPoint 3. Animated StartPoint and EndPoint 4. Animated GradientStop Offset with DoubleAnimation 5. Animated GradientStop Color with ColorAnimation 6. Animated GradientStop Opacity ColorAnimation.By 7. Animated GradientOrigin 8. Animated Center 9. Animated Radius 10. Animating Color 11. Animating Gradient Offset 12. Animate GradientStop 13. Simple Key Frame Animation 14. KeyFrame Point Animation 15. Use Button to pause an animation with PauseStoryboard 16. Use Button to resume an Animation with ResumeStoryboard 17. Use Button to skip an Animation with SkipStoryboardToFill 18. Use Button to stop an Animation with StopStoryboard 19. Frame Rates 20. Using PointAnimation 21. PointAnimation and BezierSegment 22. PointAnimation To 23. Animate BezierCurve 24. Animation of the combined transform 25. Animate the Opacity of TextBlock at different starting time 26. Animate Canvas position 27. RepeatBehavior=2x 28. Use DiscreteDoubleKeyFrame to switch text 29. Paced Animation 30. Xaml Clock 31. Enlarge Buttons In Xaml 32. Use SplineDoubleKeyFrame to rotate a Button 33. Key frame animation 34. Setting enumeration values with discrete animations with DiscreteObjectKeyFrame 35. Point path animation 36. String Animation Using Key Frames 37. Expand Element 38. Animating nested properties 39. Animation LinearGradientBrush 40. Use ColorAnimation to animate background 41. Text Animation 42. Start and stop an Animation with Button actions 43. Animate Transformation 44. Associating 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 Application 46. Animated Button With Discrete Key Frames 47. Animation In Xaml 48. Using SpeedRatio in a hierarchy 49. SplineDoubleKeyFrame and KeySpline 50. Hold on end for an Animation 51. Animate Several Properties 52. Scaling parameters ScaleX and ScaleY are animated 53. Animation ProgressBar. 54. Control the Progress of an Animation 55. Remove Animations with AnimationClock 56. Remove Animations 57. Timer triggered Animation 58. Path animation by code, duration, RepeatBehavior 59. Rolling Ball Animation 60. Create an interactive animation using XAML and the Storyboard 61. Create animations using the Storyboard in code 62. Receive Notification When an Animation Completes 63. Create DoubleAnimation and Animate a Button with Button.BeginAnimation and Button.WidthProperty 64. Velocity animation 65. A simple, finite animation 66. Code Animation Accelerate Decelerate 67. Animation with code 68. Opacity Animation 69. Width and Height animation 70. TranslateTransform and DoubleAnimation 71. Rotate Button Animation 72. Rotate Button Animation With Layout 73. A Simple Animation in Code 74. Stop, resume animation with Storyboard