Use Button to skip an Animation with SkipStoryboardToFill : Storyboard « Windows Presentation Foundation « VB.Net Tutorial

1. VB.Net Tutorial
2. Windows Presentation Foundation
3. Storyboard

<Window x:Class="InteractiveStoryboard"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Interactive Storyboard" Height="300" Width="300">
  <StackPanel Margin="10">
    <Ellipse Name="ellipse" Width="150" Height="150">
      <Ellipse.Fill>
        <RadialGradientBrush>
          <GradientStop Color="White" Offset="0" />
          <GradientStop Color="LightCoral" Offset="0.1" />
          <GradientStop Color="Gold" Offset="0.9" />
          <GradientStop Color="Purple" Offset="1" />
        </RadialGradientBrush>
      </Ellipse.Fill>
    </Ellipse>
    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,20,0,0">
      <Button Name="btnBegin">Begin</Button>
      <Button Name="btnPause">Pause</Button>
      <Button Name="btnResume">Resume</Button>
    </StackPanel>
    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
      <Button Name="btnSkipToFill">Skip To Fill</Button>
      <Button Name="btnStop">Stop</Button>
    </StackPanel>
    <StackPanel.Triggers>
      <EventTrigger RoutedEvent="Button.Click"
        SourceName="btnBegin">
        <EventTrigger.Actions>
          <BeginStoryboard Name="MyBeginStoryboard">
            <Storyboard>
            
              <DoubleAnimation
                Storyboard.TargetName="ellipse"
                Storyboard.TargetProperty="Fill.RadiusX" From="0" To="1"
                Duration="0:0:2" RepeatBehavior="5x" />


            </Storyboard>
          </BeginStoryboard>
        </EventTrigger.Actions>
      </EventTrigger>
      <EventTrigger RoutedEvent="Button.Click" SourceName="btnPause">
        <PauseStoryboard BeginStoryboardName="MyBeginStoryboard" />
      </EventTrigger>
      <EventTrigger RoutedEvent="Button.Click" SourceName="btnResume">
        <ResumeStoryboard BeginStoryboardName="MyBeginStoryboard" />
      </EventTrigger>
      <EventTrigger RoutedEvent="Button.Click" SourceName="btnSkipToFill">
        <SkipStoryboardToFill BeginStoryboardName="MyBeginStoryboard" />
      </EventTrigger>
      <EventTrigger RoutedEvent="Button.Click" SourceName="btnStop">
        <StopStoryboard BeginStoryboardName="MyBeginStoryboard" />
      </EventTrigger>
    </StackPanel.Triggers>
  </StackPanel>
</Window>

16.113.Storyboard
	16.113.1.	Targeting named elements
	16.113.2.	Write StoryBoard for Animating Width from one value to another with duration and RepeatBehavior
	16.113.3.	Limit the Frame Rate of a Storyboard
	16.113.4.	Animation RepeatBehavior Forever
	16.113.5.	Object Loading Event Trigger Event
	16.113.6.	Define Animation Trigger and StoredBoard for Ellipse
	16.113.7.	Time based RepeatBehaviour
	16.113.8.	Two color animations
	16.113.9.	Create an animation using the storyboard
	16.113.10.	Storyboard for Animating Color
	16.113.11.	Remove Animations with Storyboard
	16.113.12.	Storyboard: A child with a fill period
	16.113.13.	Use Button to pause an animation with PauseStoryboard
	16.113.14.	Use Button to resume an Animation with ResumeStoryboard
	16.113.15.	Use Button to skip an Animation with SkipStoryboardToFill
	16.113.16.	Use Button to stop an Animation with StopStoryboard
	16.113.17.	Stop, resume animation with Storyboard
	16.113.18.	Start and stop an Animation with Button actions
	16.113.19.	Create an interactive animation using XAML and the Storyboard