How to: Apply Multiple Transforms to an Object

This example shows how to use a TransformGroup to group two or more Transform objects into a single composite Transform.

Example

The following example uses a TransformGroup to apply a ScaleTransform and a RotateTransform to a Button.

<Page 
  xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation" 
  xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml" >
  <StackPanel Margin="50">

      <Button 
        RenderTransformOrigin="0.5,0.5"
        HorizontalAlignment="Center">Click
        <Button.RenderTransform>

          <!-- TransformGroup enables you to apply multiple transforms. In 
               this example, the button is scaled and rotated. -->
          <TransformGroup>

            <!-- Triple the size (scale) of the button in the Y direction. -->
            <ScaleTransform ScaleY="3" />

            <!-- Rotate the button by 45 degrees. -->
            <RotateTransform Angle="45" />

          </TransformGroup>
        </Button.RenderTransform>
      </Button>

  </StackPanel>
</Page>

See Also

Reference

RenderTransform

TransformGroup

Concepts

Transforms Overview

Other Resources

2-D Transforms Sample