Scaling parameters ScaleX and ScaleY are animated : Shape Animation « Windows Presentation Foundation « VB.Net Tutorial

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

<Window x:Class="ScaleTransforms"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Scale Transforms" Height="330" Width="480">
  <Viewbox Stretch="Uniform">
    <Grid Width="525" Height="330" HorizontalAlignment="Left"
      VerticalAlignment="Top" ShowGridLines="True">
      <Grid.ColumnDefinitions>
        <ColumnDefinition Width="260" />
        <ColumnDefinition Width="260" />
      </Grid.ColumnDefinitions>
      <StackPanel Grid.Column="0">

          <Canvas ClipToBounds="True" Width="240"
            Height="250">
            <Rectangle Canvas.Left="100" Canvas.Top="80"
              Width="50" Height="70" Fill="LightCoral" Opacity="0.5"
              Stroke="Black" StrokeThickness="2">
              <Rectangle.RenderTransform>
                <ScaleTransform x:Name="rectScale"
                  CenterX="25" CenterY="35" />
              </Rectangle.RenderTransform>
            </Rectangle>
            <Canvas.Triggers>
              <EventTrigger RoutedEvent="Canvas.Loaded">
                <BeginStoryboard>
                  <Storyboard RepeatBehavior="Forever"
                    AutoReverse="True">
                    <DoubleAnimation
                      Storyboard.TargetName="rectScale"
                      Storyboard.TargetProperty="ScaleX" From="0" To="4"
                      Duration="0:0:5" />
                    <DoubleAnimation
                      Storyboard.TargetName="rectScale"
                      Storyboard.TargetProperty="ScaleY" From="0" To="4"
                      Duration="0:0:5" />
                  </Storyboard>
                </BeginStoryboard>
              </EventTrigger>
            </Canvas.Triggers>
          </Canvas>

      </StackPanel>

    </Grid>
  </Viewbox>
</Window>

16.112.Shape Animation
	16.112.1.	Width and Height animation
	16.112.2.	Scaling parameters ScaleX and ScaleY are animated
	16.112.3.	Path animation by code, duration, RepeatBehavior
	16.112.4.	Point path animation
	16.112.5.	Animated StartPoint
	16.112.6.	Animated EndPoint
	16.112.7.	Animated StartPoint and EndPoint
	16.112.8.	Animated Center
	16.112.9.	Animated Radius
	16.112.10.	Using PointAnimation
	16.112.11.	PointAnimation and BezierSegment
	16.112.12.	PointAnimation To
	16.112.13.	Animate BezierCurve