Mega Code Archive

 

Categories / Silverlight / Shapes

 

Rotating a Rectangle Animation

<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="200" Height="100"              Canvas.Left="200" Canvas.Top="50"              Fill="Red" Stroke="Black" StrokeThickness="4">     <Rectangle.RenderTransform>        <RotateTransform Angle="30"/>     </Rectangle.RenderTransform>     <Rectangle.Triggers>       <EventTrigger RoutedEvent="Rectangle.Loaded">         <EventTrigger.Actions>           <BeginStoryboard>             <Storyboard Storyboard.TargetProperty="(Rectangle.RenderTransform).(RotateTransform.Angle)"                 Storyboard.TargetName="rectangle1">                 <DoubleAnimation AutoReverse="True" RepeatBehavior="2x"                                  From="0" To="90" Duration="0:0:1"/>             </Storyboard>           </BeginStoryboard>         </EventTrigger.Actions>       </EventTrigger>     </Rectangle.Triggers>   </Rectangle> </Canvas> </UserControl>