Follow @rb_rudra

Thursday, 4 October 2012

WPF Animation

Basic Animation in WPF Using XAML

<Ellipse Width="100" Height="50" Margin="0" Fill="Blue" x:Name="ellipse">
           <Ellipse.Triggers>
               <EventTrigger RoutedEvent="Ellipse.MouseLeftButtonDown">
                   <EventTrigger.Actions>
                       <BeginStoryboard>
                           <Storyboard>
                               <DoubleAnimation Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(Ellipse.RenderTransform).(ScaleTransform.ScaleX)" Duration="0:0:5" To="2" AutoReverse="True" />
                               <DoubleAnimation Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(Ellipse.RenderTransform).(ScaleTransform.ScaleY)" Duration="0:0:3" To="3" AutoReverse="True" />
                           </Storyboard>
                       </BeginStoryboard>
                   </EventTrigger.Actions>
               </EventTrigger>
           </Ellipse.Triggers>
           <Ellipse.RenderTransform>
               <ScaleTransform ScaleX="1" ScaleY="1" />
           </Ellipse.RenderTransform>
</Ellipse>

 

No comments:

Post a Comment