Simple Key Frame 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  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 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. KeyFrame Point Animation 14. Use Button to pause an animation with PauseStoryboard 15. Use Button to resume an Animation with ResumeStoryboard 16. Use Button to skip an Animation with SkipStoryboardToFill 17. Use Button to stop an Animation with StopStoryboard 18. Frame Rates 19. Using PointAnimation 20. PointAnimation and BezierSegment 21. PointAnimation To 22. Animate BezierCurve 23. Animation of the combined transform 24. Animate the Opacity of TextBlock at different starting time 25. Animate Canvas position 26. RepeatBehavior=2x 27. Use DiscreteDoubleKeyFrame to switch text 28. Paced Animation 29. Xaml Clock 30. Enlarge Buttons In Xaml 31. Use SplineDoubleKeyFrame to rotate a Button 32. Key frame animation 33. Key frame spline 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