Animation that decelerates through 50% of its duration : Speed Animation « Windows Presentation Foundation « C# / CSharp Tutorial






  1. C# / CSharp Tutorial
  2. Windows Presentation Foundation
  3. Speed Animation
<Window x:Class="AnimationSpeed"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Animation Speed Example" Height="240" Width="410">

    <StackPanel Margin="5">

    <Rectangle Name="rect5" Fill="Coral" 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="rect5" Storyboard.TargetProperty="Width"
                  From="20" To="400" Duration="0:0:10" DecelerationRatio="0.5" />


              </Storyboard>
            </BeginStoryboard>
          </EventTrigger.Actions>
        </EventTrigger>
      </Button.Triggers>
    </Button>
  </StackPanel>
</Window>
WPF Animation That Decelerates Through50 Of Its Duration




24.110.Speed Animation
24.110.1.Animation with a fast speedAnimation with a fast speed
24.110.2.Animation with a slow speedAnimation with a slow speed
24.110.3.Animation that accelerates through 50% of its durationAnimation that accelerates through 50% of its duration
24.110.4.Animation that decelerates through 50% of its durationAnimation that decelerates through 50% of its duration
24.110.5.Velocity animationVelocity animation
24.110.6.Code Animation Accelerate DecelerateCode Animation Accelerate Decelerate