Chained Animation Effects : Animations « Animations « Silverlight

Home Silverlight 1. Animations 2. Communication 3. Containers 4. Data 5. Events 6. Graphics 7. Shapes 8. UI Controls

Silverlight » Animations » Animations Screenshots  Chained Animation Effects      <UserControl x:Class='SilverlightApplication3.MainPage'     xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'      xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'     xmlns:d='http://schemas.microsoft.com/expression/blend/2008'      xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006'      mc:Ignorable='d'      d:DesignWidth='640'      d:DesignHeight='480'> <Canvas>   <Rectangle Name="rectangle1" Width="50" Height="200"              Canvas.Left="50" Canvas.Top="50"              Fill="Red" Stroke="Black" StrokeThickness="4">      <Rectangle.Triggers>        <EventTrigger RoutedEvent="Rectangle.Loaded">          <EventTrigger.Actions>            <BeginStoryboard>              <Storyboard Storyboard.TargetProperty="Width"                Storyboard.TargetName="rectangle1">                <DoubleAnimation BeginTime="0:0:0" AutoReverse="true"                                 From="50" To="200" Duration="0:0:5"/>              </Storyboard>            </BeginStoryboard>            <BeginStoryboard>              <Storyboard Storyboard.TargetProperty="Height"                Storyboard.TargetName="rectangle1">                <DoubleAnimation BeginTime="0:0:5"   AutoReverse="true"                                 From="200" To="50" Duration="0:0:5"/>              </Storyboard>            </BeginStoryboard>          </EventTrigger.Actions>        </EventTrigger>     </Rectangle.Triggers>   </Rectangle> </Canvas> </UserControl>                       Related examples in the same category 1. Using Simple Animations with Objects 2. Controlling Animations Programmatically 3. Creating from to Animations 4. Rectangles and Multiple Animation Effects 5. Point Animation Effects 6. Starting an animation with a trigger 7. Create a bounce animation 8. Move a rectangle from position (0,0) to position (300,0) in 5 seconds 9. Enlarge Button In Xaml 10. Two Animations 11. Animation without acceleration or deceleration 12. Animation with a slow speed 13. Animate EndPoint 14. Animate StartPoint 15. XAML Only Animation 16. Four Sided Bounce 17. Start the animation with Path is loaded 18. Brush animation 19. Control the animation from code 20. Wipe out an Image 21. Rotating button 22. Simultaneous animation 23. Fade Image Storyboard 24. Repetition duration 25. Timer triggered Animation 26. Use code to control DoubleAnimation 27. Animation Ease effect 28. Animate transformation 29. Grow a Button 30. 3D Animation