Mega Code Archive

 

Categories / Silverlight / Animations

 

Rectangles and Multiple 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 From="50" To="200" Duration="0:0:5"/>             </Storyboard>           </BeginStoryboard>           <BeginStoryboard>             <Storyboard               Storyboard.TargetProperty="Height"               Storyboard.TargetName="rectangle1">               <DoubleAnimation From="200" To="50" Duration="0:0:5"/>             </Storyboard>           </BeginStoryboard>         </EventTrigger.Actions>       </EventTrigger>     </Rectangle.Triggers>   </Rectangle> </Canvas> </UserControl>