Animation along a path : 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  Animation along a path       <Window x:Class="Animation.PathBasedAnimation"     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"     Title="PathBasedAnimation" Height="400" Width="550">     <Window.Resources>         <PathGeometry x:Key="path">             <PathFigure IsClosed="True">                 <ArcSegment Point="100,200" Size="15,10" SweepDirection="Clockwise"></ArcSegment>                 <ArcSegment Point="400,50" Size="5,5" ></ArcSegment>                 <ArcSegment Point="40,50" Size="5,5" ></ArcSegment>             </PathFigure>         </PathGeometry>     </Window.Resources>     <Window.Triggers>         <EventTrigger RoutedEvent="Window.Loaded">             <EventTrigger.Actions>                 <BeginStoryboard>                     <Storyboard>                         <DoubleAnimationUsingPath Storyboard.TargetName="image"                                       Storyboard.TargetProperty="(Canvas.Left)"                                      PathGeometry="{StaticResource path}"                                       Duration="0:0:5" RepeatBehavior="Forever" Source="X" />                         <DoubleAnimationUsingPath Storyboard.TargetName="image"                                       Storyboard.TargetProperty="(Canvas.Top)"                                      PathGeometry="{StaticResource path}"                                       Duration="0:0:5" RepeatBehavior="Forever" Source="Y" />                     </Storyboard>                 </BeginStoryboard>             </EventTrigger.Actions>         </EventTrigger>     </Window.Triggers>     <Canvas Margin="10">         <Path Stroke="Red" StrokeThickness="1" Data="{StaticResource path}" Canvas.Top="10" Canvas.Left="10">         </Path>         <Rectangle Name="image" Width="10" Height="20" Stroke="Red">         </Rectangle>     </Canvas> </Window>                            Related examples in the same category 1. Two Animations 2. Bouncing Ball 3. Animate RadialGradient 4. Animate RenderTransform Angle 5. Animate Opacity 6. Animation In Style 7. Animation without acceleration or deceleration 8. Animation with a fast speed 9. Animation with a slow speed 10. Animation that accelerates through 50% of its duration 11. Animation that decelerates through 50% of its duration 12. Animate the brush's RadiusX property. 13. Animate Fill.RadiusY 14. Animate GradientStop and Button control 15. Animate EndPoint 16. Animate StartPoint 17. Animate Ellipse RadiusY, RadiusX 18. XAML Only Animation 19. Animation with Discrete Key Frames 20. Animation with Mixed Key Frames.xaml 21. Control Animations Through Triggers 22. Animate the Color of a Brush with Indirect Property Targeting 23. Animate the background color 24. Animate Width and Height of a Ellipse 25. Animate Width and Height of a Rectangle 26. Use ColorAnimationUsingKeyFrames to animate the foreground color of a TextBlock 27. Use StringAnimationUsingKeyFrames to animate the text value of a TextBlock 28. Four Sided Bounce 29. Discrete Double Key Frame 30. Simple Path Animation 31. Start the animation with Path is loaded 32. Matrix Animated Button 33. Bouncing Ball with ParallelTimeline 34. Bouncing Ball with DoubleAnimation 35. KeySpline Animation 36. Ball moves in a constant speed 37. Ball moves following spline key frames 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.