Animation of the combined transform : Animation « Windows Presentation Foundation « VB.Net Tutorial

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

<Window x:Class="CombineTransforms"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Combining Transforms" Height="330" Width="300">
  <Viewbox Stretch="Uniform">
    <StackPanel>
      <TextBlock HorizontalAlignment="Center" Margin="10,10,10,0"
        TextWrapping="Wrap" FontSize="14" FontWeight="Bold"
        Text="Animation of Combining Transform" />
      <Border Margin="10" BorderBrush="Black" BorderThickness="1"
        HorizontalAlignment="Left">
        <Canvas ClipToBounds="True" Width="340" Height="320">
          <Ellipse Canvas.Left="165" Canvas.Top="145"
            Width="10" Height="10" Fill="Red" />
          <Rectangle Canvas.Left="120" Canvas.Top="100"
            Width="100" Height="100" Fill="LightCoral" Opacity="0.5"
            Stroke="Black" StrokeThickness="2">
            <Rectangle.RenderTransform>
              <TransformGroup>
                <ScaleTransform x:Name="scale"
                  CenterX="50" CenterY="50" />
                <RotateTransform x:Name="rotate"
                  CenterX="50" CenterY="50" />
              </TransformGroup>
            </Rectangle.RenderTransform>
          </Rectangle>
          <Canvas.Triggers>
            <EventTrigger RoutedEvent="Canvas.Loaded">
              <BeginStoryboard>
                <Storyboard RepeatBehavior="Forever"
                  AutoReverse="True">
                  <DoubleAnimation
                    Storyboard.TargetName="scale"
                    Storyboard.TargetProperty="ScaleX" From="0" To="3"
                    Duration="0:0:5" />
                  <DoubleAnimation
                    Storyboard.TargetName="scale"
                    Storyboard.TargetProperty="ScaleY" From="0" To="3"
                    Duration="0:0:5" />
                  <DoubleAnimation
                    Storyboard.TargetName="rotate"
                    Storyboard.TargetProperty="Angle" From="0" To="360"
                    Duration="0:0:5" />
                </Storyboard>
              </BeginStoryboard>
            </EventTrigger>
          </Canvas.Triggers>
        </Canvas>
      </Border>
    </StackPanel>
  </Viewbox>
</Window>

16.107.Animation
	16.107.1.	Animation of the combined transform
	16.107.2.	Animate the Opacity of TextBlock at different starting time
	16.107.3.	Animate Canvas position
	16.107.4.	RepeatBehavior=2x
	16.107.5.	Xaml Clock
	16.107.6.	Enlarge Buttons In Xaml
	16.107.7.	Setting enumeration values with discrete animations with DiscreteObjectKeyFrame
	16.107.8.	Expand Element
	16.107.9.	Animating nested properties
	16.107.10.	Text Animation
	16.107.11.	Animate Transformation
	16.107.12.	Associating the clicking of each button with a stack of XAML that starts or stops the animation
	16.107.13.	Animation In Xaml
	16.107.14.	Using SpeedRatio in a hierarchy
	16.107.15.	Hold on end for an Animation
	16.107.16.	Animate Several Properties
	16.107.17.	Animation ProgressBar.
	16.107.18.	Control the Progress of an Animation
	16.107.19.	Remove Animations with AnimationClock
	16.107.20.	Remove Animations
	16.107.21.	Timer triggered Animation
	16.107.22.	Rolling Ball Animation
	16.107.23.	Create animations using the Storyboard in code
	16.107.24.	Receive Notification When an Animation Completes
	16.107.25.	A simple, finite animation
	16.107.26.	Code Animation Accelerate Decelerate
	16.107.27.	Animation with code
	16.107.28.	Rotate Button Animation
	16.107.29.	Rotate Button Animation With Layout
	16.107.30.	A Simple Animation in Code