Animation with a fast speed : DoubleAnimation « Animations « Silverlight

1. Silverlight
2. Animations
3. DoubleAnimation

Animation with a fast speed

    
<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'>
    <StackPanel Margin="5">

    <Rectangle Name="rect2" Fill="Green" Margin="2" Width="20"
      Height="20" HorizontalAlignment="Left" />
    <Button Margin="2,20,0,0" HorizontalAlignment="Left"
      Content="Start Animations" Width="100">
      <Button.Triggers>
        <EventTrigger RoutedEvent="Button.Click">
          <EventTrigger.Actions>
            <BeginStoryboard>
              <Storyboard>

                <DoubleAnimation
                  Storyboard.TargetName="rect2" Storyboard.TargetProperty="Width"
                  From="20" To="400" Duration="0:0:10" SpeedRatio="1.5" />


              </Storyboard>
            </BeginStoryboard>
          </EventTrigger.Actions>
        </EventTrigger>
      </Button.Triggers>
    </Button>
  </StackPanel>
</UserControl>

   
    
    
    
  

Related examples in the same category

1.	XAML demonstrating absence of From property within DoubleAnimation
2.	XAML demonstrating the To property within DoubleAnimation
3.	XAML demonstrating By property within a DoubleAnimation
4.	XAML demonstrating From property within DoubleAnimation
5.	Use DoubleAnimation to animate the Opacity
6.	Timeline with offset of 5 seconds
7.	Use DoubleByAnimation to control animation
8.	Moves a rectangle right 100 pixels and then left 50 pixels