Create an animation using the storyboard : Storyboard « Windows Presentation Foundation « VB.Net Tutorial

Home
VB.Net Tutorial
1.Language Basics
2.Data Type
3.Operator
4.Statements
5.Date Time
6.Class Module
7.Development
8.Collections
9.Generics
10.Attributes
11.Event
12.LINQ
13.Stream File
14.GUI
15.GUI Applications
16.Windows Presentation Foundation
17.2D Graphics
18.I18N Internationlization
19.Reflection
20.Regular Expressions
21.Security
22.Socket Network
23.Thread
24.Windows
25.XML
26.Database ADO.net
27.Design Patterns
VB.Net
VB.Net by API
VB.Net Tutorial » Windows Presentation Foundation » Storyboard 
16.113.9.Create an animation using the storyboard
<Window x:Class="StoryboardAnimation"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Storyboard Animation" Height="300" Width="300">
  <Canvas>
    <Rectangle x:Name="rect1" Width="100" Height="50" Fill="Blue">
      <Rectangle.Triggers>
        <EventTrigger RoutedEvent="Rectangle.Loaded">
          <EventTrigger.Actions>
            <BeginStoryboard>
              <Storyboard>
                <DoubleAnimation
                  Storyboard.TargetName="rect1"
                  Storyboard.TargetProperty="(Canvas.Left)" From="0" To="200"
                  Duration="0:0:5" RepeatBehavior="Forever" AutoReverse="True" />

              </Storyboard>
            </BeginStoryboard>
          </EventTrigger.Actions>
        </EventTrigger>
      </Rectangle.Triggers>
    </Rectangle>
  </Canvas>
</Window>
WPF Create An Animation Using The Storyboard
16.113.Storyboard
16.113.1.Targeting named elementsTargeting named elements
16.113.2.Write StoryBoard for Animating Width from one value to another with duration and RepeatBehaviorWrite StoryBoard for Animating Width from one value to another with duration and RepeatBehavior
16.113.3.Limit the Frame Rate of a StoryboardLimit the Frame Rate of a Storyboard
16.113.4.Animation RepeatBehavior ForeverAnimation RepeatBehavior Forever
16.113.5.Object Loading Event Trigger EventObject Loading Event Trigger Event
16.113.6.Define Animation Trigger and StoredBoard for EllipseDefine Animation Trigger and StoredBoard for Ellipse
16.113.7.Time based RepeatBehaviourTime based RepeatBehaviour
16.113.8.Two color animationsTwo color animations
16.113.9.Create an animation using the storyboardCreate an animation using the storyboard
16.113.10.Storyboard for Animating ColorStoryboard for Animating Color
16.113.11.Remove Animations with StoryboardRemove Animations with Storyboard
16.113.12.Storyboard: A child with a fill periodStoryboard: A child with a fill period
16.113.13.Use Button to pause an animation with PauseStoryboardUse Button to pause an animation with PauseStoryboard
16.113.14.Use Button to resume an Animation with ResumeStoryboardUse Button to resume an Animation with ResumeStoryboard
16.113.15.Use Button to skip an Animation with SkipStoryboardToFillUse Button to skip an Animation with SkipStoryboardToFill
16.113.16.Use Button to stop an Animation with StopStoryboardUse Button to stop an Animation with StopStoryboard
16.113.17.Stop, resume animation with StoryboardStop, resume animation with Storyboard
16.113.18.Start and stop an Animation with Button actionsStart and stop an Animation with Button actions
16.113.19.Create an interactive animation using XAML and the StoryboardCreate an interactive animation using XAML and the Storyboard
www.java2java.com | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.