Mega Code Archive

 

Categories / Silverlight / 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>