Rectangle Trigger and Storyboard

    

<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="100"
              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>
         </EventTrigger.Actions>
       </EventTrigger>
     </Rectangle.Triggers>
   </Rectangle>
</Canvas>
</UserControl>

Related examples in the same category

1.	Storyboard Events
2.	Storyboard Properties
3.	Storyboard as Resource
4.	Events of StoryBoard
5.	Use two storyboards to control the slidein and slideout
6.	Defining a Storyboard as a resource
7.	Starting a Storyboard from code-behind
8.	Syntax of Storyboard element with multiple animations
9.	Animation overriding target of its parent Storyboard
10.	Start a story board with code
11.	An animation that uses the playback methods and the Completed event
12.	Pausing and resuming a storyboard with triggers

Rectangle Trigger and Storyboard : Storyboard « Animations « Silverlight

Related examples in the same category