Write StoryBoard for Animating Width from one value to another with duration and RepeatBehavior : Storyboard « Windows Presentation Foundation « VB.Net






Write StoryBoard for Animating Width from one value to another with duration and RepeatBehavior

Write StoryBoard for Animating Width from one value to another with duration and RepeatBehavior
      
<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Simple Animation" Height="165" Width="428">
  <StackPanel Margin="20">
    <Rectangle Name="SimpleGreenRectangle" Fill="Green" Width="50" Height="30" />
    <StackPanel Orientation="Vertical" Margin="0,20,0,0">
      <Button Name="startButton">Start</Button>
      <Button Name="stopButton">Stop</Button>

      <StackPanel.Triggers>
        <EventTrigger SourceName="startButton" RoutedEvent="Button.Click">
          <BeginStoryboard Name="myStoryboard">
            <Storyboard>
              <DoubleAnimation Storyboard.TargetName="SimpleGreenRectangle" 
                Storyboard.TargetProperty="Width" 
                From="50" To="300" Duration="0:0:2" RepeatBehavior="Forever" />
            </Storyboard>
          </BeginStoryboard>
        </EventTrigger>
        <EventTrigger SourceName="stopButton" RoutedEvent="Button.Click">
          <StopStoryboard BeginStoryboardName="myStoryboard" />
        </EventTrigger>
      </StackPanel.Triggers>
      
    </StackPanel>
  </StackPanel>
</Window>

   
    
    
    
    
    
  








Related examples in the same category

1.Targeting named elementsTargeting named elements
2.Limit the Frame Rate of a StoryboardLimit the Frame Rate of a Storyboard
3.Animation RepeatBehavior Forever
4.Object Loading Event Trigger EventObject Loading Event Trigger Event
5.Define Animation Trigger and StoredBoard for EllipseDefine Animation Trigger and StoredBoard for Ellipse
6.Time based RepeatBehaviourTime based RepeatBehaviour
7.Two color animationsTwo color animations
8.Create an animation using the storyboardCreate an animation using the storyboard
9.Storyboard for Animating ColorStoryboard for Animating Color
10.Remove Animations with StoryboardRemove Animations with Storyboard
11.Storyboard: A child with a fill periodStoryboard: A child with a fill period