Ball moves following spline key frames : Animation « Windows Presentation Foundation « C# / C Sharp

Home C# / C Sharp 1. 2D Graphics 2. Class Interface 3. Collections Data Structure 4. Components 5. Data Types 6. Database ADO.net 7. Design Patterns 8. Development Class 9. Event 10. File Stream 11. Generics 12. GUI Windows Form 13. Language Basics 14. LINQ 15. Network 16. Office 17. Reflection 18. Regular Expressions 19. Security 20. Services Event 21. Thread 22. Web Services 23. Windows 24. Windows Presentation Foundation 25. XML 26. XML LINQ C# / C Sharp by API C# / CSharp Tutorial C# / CSharp Open Source

C# / C Sharp » Windows Presentation Foundation » Animation Screenshots  Ball moves following spline key frames        <Window x:Class="SplineKeyFrameAnimation"   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"   Title="Spline Key Frame Animation" Height="250" Width="400">   <Canvas Margin="5">     <Ellipse Name="ball2" Canvas.Left="10" Canvas.Top="160" Width="20" Height="20">       <Ellipse.Fill>         <RadialGradientBrush>           <GradientStop Color="Gold" Offset="0" />           <GradientStop Color="DarkGoldenrod" Offset="1" />         </RadialGradientBrush>       </Ellipse.Fill>     </Ellipse>     <Canvas.Triggers>       <EventTrigger RoutedEvent="StackPanel.Loaded">         <EventTrigger.Actions>           <BeginStoryboard>             <Storyboard>               <DoubleAnimationUsingKeyFrames                 Storyboard.TargetName="ball2"                 Storyboard.TargetProperty="(Canvas.Left)" Duration="0:0:10"                 RepeatBehavior="Forever">                 <SplineDoubleKeyFrame Value="160"                   KeyTime="0:0:5" KeySpline="0.25,0.5,0.75,1" />                 <SplineDoubleKeyFrame Value="310"                   KeyTime="0:0:10" KeySpline="0.25,0.0 0.75,0.5" />               </DoubleAnimationUsingKeyFrames>             </Storyboard>           </BeginStoryboard>         </EventTrigger.Actions>       </EventTrigger>     </Canvas.Triggers>   </Canvas> </Window>                                 Related examples in the same category 1. Two Animations 2. Bouncing Ball 3. Animation along a path 4. Animate RadialGradient 5. Animate RenderTransform Angle 6. Animate Opacity 7. Animation In Style 8. Animation without acceleration or deceleration 9. Animation with a fast speed 10. Animation with a slow speed 11. Animation that accelerates through 50% of its duration 12. Animation that decelerates through 50% of its duration 13. Animate the brush's RadiusX property. 14. Animate Fill.RadiusY 15. Animate GradientStop and Button control 16. Animate EndPoint 17. Animate StartPoint 18. Animate Ellipse RadiusY, RadiusX 19. XAML Only Animation 20. Animation with Discrete Key Frames 21. Animation with Mixed Key Frames.xaml 22. Control Animations Through Triggers 23. Animate the Color of a Brush with Indirect Property Targeting 24. Animate the background color 25. Animate Width and Height of a Ellipse 26. Animate Width and Height of a Rectangle 27. Use ColorAnimationUsingKeyFrames to animate the foreground color of a TextBlock 28. Use StringAnimationUsingKeyFrames to animate the text value of a TextBlock 29. Four Sided Bounce 30. Discrete Double Key Frame 31. Simple Path Animation 32. Start the animation with Path is loaded 33. Matrix Animated Button 34. Bouncing Ball with ParallelTimeline 35. Bouncing Ball with DoubleAnimation 36. KeySpline Animation 37. Ball moves in a constant speed 38. Repetition count 39. Repetition duration 40. Use ColorAnimationUsingKeyFrames to animate GradientStop 41. Use StringAnimationUsingKeyFrames to Color 42. Using DiscreteStringKeyFrame 43. Animate Ball Height 44. Rotate Button Animation 45. Rotate Button Animation With Layout 46. A simple, finite animation 47. Code Animation Accelerate Decelerate 48. Animation with code 49. Velocity animation 50. Animation In Code 51. A Simple Animation in Code 52. Remove Animations with AnimationClock 53. Remove Animations 54. Control the Progress of an Animation 55. Markup for navigation transition animations 56. Opacity Animation 57. Width and Height animation 58. Timer triggered Animation 59. Path animation by code, duration, RepeatBehavior 60. Rolling Ball Animation 61. Show a Continuous Animation During an Asynchronous Process 62. Receive Notification When an Animation Completes 63. An animated Ellipse traces the outline of rendered text by using the path geometry of the text.