Skip to main content
.NET Framework Class Library
UIElementRenderTransform Property

Gets or sets transform information that affects the rendering position of this element. This is a dependency property.

Namespace:   System.Windows
Assembly:  PresentationCore (in PresentationCore.dll)
Syntax
Public Property RenderTransform As [%$TOPIC/ms588750_en-us_VS_110_1_0_0_0_0%]
public [%$TOPIC/ms588750_en-us_VS_110_1_0_1_0_0%] RenderTransform { get; set; }
public:
property [%$TOPIC/ms588750_en-us_VS_110_1_0_2_0_0%]^ RenderTransform {
	[%$TOPIC/ms588750_en-us_VS_110_1_0_2_0_1%]^ get ();
	void set ([%$TOPIC/ms588750_en-us_VS_110_1_0_2_0_2%]^ value);
}
member RenderTransform : [%$TOPIC/ms588750_en-us_VS_110_1_0_3_0_0%] with get, set

Property Value

Type: System.Windows.MediaTransform
Describes the specifics of the desired render transform. The default is TransformIdentity.
Dependency Property Information

Identifier field

RenderTransformProperty

Metadata properties set to true

None

Remarks

A render transform does not regenerate layout size or render size information. Render transforms are typically intended for animating or applying a temporary effect to an element. For example, the element might zoom when focused or moused over, or might jitter on load to draw the eye to that part of the user interface (UI).

Examples

This example shows how to use a ScaleTransform to flip a UIElement horizontally or vertically. In this example, a Button control (a type of UIElement) is flipped by applying a ScaleTransform to its RenderTransform property.

The following illustration shows the button to flip.

The UIElement to flip

A button with no transform

The following shows the code that creates the button.

<Button Content="Flip me!" Padding="5">
</Button>

To flip the button horizontally, create a ScaleTransform and set its ScaleX property to -1. Apply the ScaleTransform to the button's RenderTransform property.

<Button Content="Flip me!" Padding="5">
  <Button.RenderTransform>
    <ScaleTransform ScaleX="-1" />
  </Button.RenderTransform>
</Button>
The button after applying the ScaleTransform

A button flipped horizontally about (0,0)

As you can see from the previous illustration, the button was flipped, but it was also moved. That's because the button was flipped from its top left corner. To flip the button in place, you want to apply the ScaleTransform to its center, not its corner. An easy way to apply the ScaleTransform to the buttons center is to set the button's RenderTransformOrigin property to 0.5, 0.5.

<Button Content="Flip me!" Padding="5"
  RenderTransformOrigin="0.5,0.5">
  <Button.RenderTransform>
    <ScaleTransform ScaleX="-1" />
  </Button.RenderTransform>
</Button>
The button with a RenderTransformOrigin of 0.5, 0.5

A button flipped horizontally about its center

To flip the button vertically, set the ScaleTransform object's ScaleY property instead of its ScaleX property.

<Button Content="Flip me!" Padding="5"
  RenderTransformOrigin="0.5,0.5">
  <Button.RenderTransform>
    <ScaleTransform ScaleY="-1" />
  </Button.RenderTransform>
</Button>
The vertically flipped button

A button flipped vertically about its center
Version Information

.NET Framework

Supported in: 4.5.2, 4.5.1, 4.5, 4, 3.5, 3.0

.NET Framework Client Profile

Supported in: 4, 3.5 SP1
Platforms

Windows 8.1, Windows Server 2012 R2, Windows 8, Windows Server 2012, Windows 7, Windows Vista SP2, Windows Server 2008 (Server Core Role not supported), Windows Server 2008 R2 (Server Core Role supported with SP1 or later; Itanium not supported)

The .NET Framework does not support all versions of every platform. For a list of the supported versions, see .NET Framework System Requirements.