The ScaleX and ScaleY properties of this ScaleTransform are each animated from 0 to 1 : RenderTransform « Windows Presentation Foundation « C# / CSharp Tutorial

1. C# / CSharp Tutorial
2. Windows Presentation Foundation
3. RenderTransform

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  x:Class="Microsoft.Samples.Graphics.Transforms.AnimatedScaleTransformExample"
  WindowTitle="Animated ScaleTransform Example" 
  Background="White">
  
    <StackPanel Margin="10">
        <Canvas Width="250" Height="250">
          <Rectangle
            Height="50" Width="50" Fill="#CCCCCCFF" Stroke="Blue" StrokeThickness="2"
            Canvas.Left="100" Canvas.Top="100">
            <Rectangle.RenderTransform>
              <ScaleTransform x:Name="MyAnimatedScaleTransform" CenterX="25" CenterY="25" ScaleX="1" ScaleY="1" />
            </Rectangle.RenderTransform>
          </Rectangle>
          <Rectangle Height="50" Width="50" Stroke="#99000000"
            StrokeDashArray="4,1" StrokeThickness="2"
            Canvas.Left="100" Canvas.Top="100" />            
        </Canvas>
      <StackPanel Orientation="Horizontal" HorizontalAlignment="Center"
        Margin="10">
        <Button Name="startButton" Margin="0,0,2,0">Start</Button>
        <Button Name="stopButton">Stop</Button>
        <StackPanel.Triggers>
          <EventTrigger SourceName="startButton" RoutedEvent="Button.Click">
            <BeginStoryboard Name="myBeginStoryboard">
              <Storyboard>
                <DoubleAnimation 
                  Storyboard.TargetName="MyAnimatedScaleTransform" 
                  Storyboard.TargetProperty="ScaleX" 
                  From="0" To="3" Duration="0:0:2" />
                <DoubleAnimation 
                  Storyboard.TargetName="MyAnimatedScaleTransform" 
                  Storyboard.TargetProperty="ScaleY" 
                  From="0" To="3" Duration="0:0:2" />              
              </Storyboard>
            </BeginStoryboard>
          </EventTrigger>
          <EventTrigger SourceName="stopButton" RoutedEvent="Button.Click">
            <StopStoryboard BeginStoryboardName="myBeginStoryboard" />
          </EventTrigger>          
        </StackPanel.Triggers>
      </StackPanel>  
    </StackPanel>
</Page>

24.103.RenderTransform
	24.103.1.	Rotate the text 90 degrees using a RotateTransform
	24.103.2.	Skew the text using a TranslateTransform
	24.103.3.	Skew the text using a SkewTransform
	24.103.4.	Scale the text using a ScaleTransform
	24.103.5.	Scales a rectangle by 200% from a center of (0,0)
	24.103.6.	Scales a rectangle by 200% from a center of (25,25)
	24.103.7.	ScaleX: 0.5 /ScaleY: 0.5 /Center: (25,25)
	24.103.8.	Scales a rectangle by 200% from a center of (0.5,0.5)
	24.103.9.	ScaleX: 0.5 / ScaleY: 0.5 / RenderTransformOrigin: (0.25,0.25)
	24.103.10.	Applies a horizontal skew of 45 degrees from a center point of (0,0)
	24.103.11.	Applies a horizontal skew of 45 degrees from a center point of (25,25)
	24.103.12.	Applies a vertical skew of 45 degrees from a center point of (25,25)
	24.103.13.	SkewTransform AngleX: 45 / AngleY: 0 / RenderTransformOrigin: (0.5,0.5)
	24.103.14.	TranslateTransform X: 50 / Y: 0
	24.103.15.	TranslateTransform X: 0 / Y : 50
	24.103.16.	TranslateTransform X: 50 / Y: 50
	24.103.17.	The X and Y properties of this TranslateTransform are each animated from -50 to 50
	24.103.18.	Rotate then Translate
	24.103.19.	Translate then Rotate
	24.103.20.	Animated ScaleTransform
	24.103.21.	Animated SkewTransform Example
	24.103.22.	The ScaleX and ScaleY properties of this ScaleTransform are each animated from 0 to 1
	24.103.23.	Path with ScaleTransformation