Control Animations Through Triggers : 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  Control Animations Through Triggers       <Window x:Class="Main"   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"   Title="" Height="350" Width="400">   <Window.Resources>     <Storyboard x:Key="Storyboard" RepeatBehavior="10x">       <DoubleAnimation Storyboard.TargetName="rect1" Storyboard.TargetProperty="Width" To="250" FillBehavior="HoldEnd" AutoReverse="False" />       <DoubleAnimation Storyboard.TargetName="rect2" Storyboard.TargetProperty="Width" To="250" AutoReverse="True" />       <ColorAnimation Storyboard.TargetName="ellipse1" Storyboard.TargetProperty="Fill.(SolidColorBrush.Color)" To="Orange"         AutoReverse="True" />     </Storyboard>   </Window.Resources>   <Window.Triggers>     <EventTrigger RoutedEvent="Button.Click" SourceName="btnBegin">       <BeginStoryboard x:Name="beginStoryboard" Storyboard="{StaticResource Storyboard}" />     </EventTrigger>     <EventTrigger RoutedEvent="Button.Click" SourceName="btnPause">     <PauseStoryboard BeginStoryboardName="beginStoryboard" />     </EventTrigger>     <EventTrigger RoutedEvent="Button.Click" SourceName="btnResume">       <ResumeStoryboard BeginStoryboardName="beginStoryboard" />     </EventTrigger>     <EventTrigger RoutedEvent="Button.Click" SourceName="btnStop">       <StopStoryboard BeginStoryboardName="beginStoryboard" />     </EventTrigger>     <EventTrigger RoutedEvent="Button.Click" SourceName="btnSeek">       <SeekStoryboard BeginStoryboardName="beginStoryboard" Offset="0:0:5" Origin="BeginTime" />     </EventTrigger>     <EventTrigger RoutedEvent="Button.Click" SourceName="btnSkipToFill">       <SkipStoryboardToFill BeginStoryboardName="beginStoryboard" />     </EventTrigger>     <EventTrigger RoutedEvent="Button.Click" SourceName="btnDoubleSpeed">       <SetStoryboardSpeedRatio BeginStoryboardName="beginStoryboard" SpeedRatio="2" />     </EventTrigger>     <EventTrigger RoutedEvent="Button.Click" SourceName="btnHalfSpeed">       <SetStoryboardSpeedRatio BeginStoryboardName="beginStoryboard" SpeedRatio="0.5" />     </EventTrigger>   </Window.Triggers>   <Grid>     <StackPanel>       <Rectangle x:Name="rect1" Width="50" Height="100" Stroke="Black" Fill="CornflowerBlue" Margin="5" />       <Ellipse x:Name="ellipse1" Width="50" Height="50" Stroke="Black" Fill="Firebrick" StrokeThickness="1" Margin="5" />       <Rectangle x:Name="rect2" Width="50" Height="100" Stroke="Black" Fill="CornflowerBlue" Margin="5" />     </StackPanel>     <StackPanel Orientation="Horizontal">         <Button x:Name="btnBegin" Content="Begin" />         <Button x:Name="btnPause" Content="Pause" />         <Button x:Name="btnResume" Content="Resume" />         <Button x:Name="btnStop" Content="Stop" />         <Button x:Name="btnSeek" Content="Seek" />         <Button x:Name="btnSkipToFill" Content="Skip To Fill" />         <Button x:Name="btnDoubleSpeed" Content="Double Speed" />         <Button x:Name="btnHalfSpeed" Content="Half Speed" />     </StackPanel>       </Grid> </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. 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.