Chained Animation Effects : Animations « Animations « Silverlight

1. Silverlight
2. Animations
3. Animations

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