SkewTransform Class
[ This article is for Windows Phone 8 developers. If you’re developing for Windows 10, see the latest documentation. ]
Represents a two-dimensional skew.
System.Windows::DependencyObject
System.Windows.Media::GeneralTransform
System.Windows.Media::Transform
System.Windows.Media::SkewTransform
Assembly: System.Windows (in System.Windows.dll)
XMLNS for XAML: Not mapped to an xmlns.
The SkewTransform type exposes the following members.
| Name | Description | |
|---|---|---|
![]() | AngleX | Gets or sets the x-axis skew angle, which is measured in degrees counterclockwise from the y-axis. |
![]() | AngleY | Gets or sets the y-axis skew angle, which is measured in degrees counterclockwise from the x-axis. |
![]() | CenterX | Gets or sets the x-coordinate of the transform center. |
![]() | CenterY | Gets or sets the y-coordinate of the transform center. |
![]() | Dispatcher | Gets the Dispatcher this object is associated with. (Inherited from DependencyObject.) |
![]() | Inverse | Gets the inverse of this transform, if it exists. (Inherited from Transform.) |
| Name | Description | |
|---|---|---|
![]() | CheckAccess | Determines whether the calling thread has access to this object. (Inherited from DependencyObject.) |
![]() | ClearValue | Clears the local value of a dependency property. (Inherited from DependencyObject.) |
![]() | Equals(Object) | Determines whether the specified Object is equal to the current Object. (Inherited from Object.) |
![]() | Finalize | Allows an object to try to free resources and perform other cleanup operations before the Object is reclaimed by garbage collection. (Inherited from Object.) |
![]() | GetAnimationBaseValue | Returns any base value established for a Windows Phone dependency property, which would apply in cases where an animation is not active. (Inherited from DependencyObject.) |
![]() | GetHashCode | Serves as a hash function for a particular type. (Inherited from Object.) |
![]() | GetType | Gets the Type of the current instance. (Inherited from Object.) |
![]() | GetValue | Returns the current effective value of a dependency property from a DependencyObject. (Inherited from DependencyObject.) |
![]() | MemberwiseClone | Creates a shallow copy of the current Object. (Inherited from Object.) |
![]() | ReadLocalValue | Returns the local value of a dependency property, if a local value is set. (Inherited from DependencyObject.) |
![]() | SetValue | Sets the local value of a dependency property on a DependencyObject. (Inherited from DependencyObject.) |
![]() | ToString | Returns a string that represents the current object. (Inherited from Object.) |
![]() | Transform | Transforms the specified point and returns the result. (Inherited from GeneralTransform.) |
![]() | TransformBounds | Transforms the specified bounding box and returns an axis-aligned bounding box that is exactly large enough to contain it. (Inherited from Transform.) |
![]() | TryTransform | Attempts to transform the specified point and returns a value that indicates whether the transformation was successful. (Inherited from Transform.) |
| Name | Description | |
|---|---|---|
![]() ![]() | AngleXProperty | Identifies the AngleX dependency property. |
![]() ![]() | AngleYProperty | Identifies the AngleY dependency property. |
![]() ![]() | CenterXProperty | Identifies the CenterX dependency property. |
![]() ![]() | CenterYProperty | Identifies the CenterY dependency property. |
A SkewTransform is useful for creating the illusion of three-dimensional depth in a two-dimensional object.
The local origin 0,0 for an object can be offset on a Canvas using Canvas::Left and Canvas::Top, but this does not count as a transform; the object retains its own local 0,0 in this case for transformation purposes.
Multiple transforms can be applied with a TransformGroup. Custom transforms can be created with a MatrixTransform.
The following illustration shows three examples of a SkewTransform applied to a Rectangle.

Transforms can alter the display of text in your application to create a decorative effect. The following illustration shows text skewed along the x-axis.

Note: |
|---|
A typeface can simulate an italic style by shearing, or skewing, a glyph. However, a non-simulated italic typeface is typically designed to have a better visual appearance than a simulated italic typeface. |
The example below shows how to increase the AngleX property value of a SkewTransform applied to a Rectangle every time the Rectangle is clicked.
<Rectangle MouseLeftButtonDown="IncreaseSkew"
Width="50" Height="50" Fill="RoyalBlue">
<Rectangle.RenderTransform>
<!-- If you give the transform a name you can access
it easily from code. -->
<SkewTransform x:Name="mySkewTransform" />
</Rectangle.RenderTransform>
</Rectangle>
public void IncreaseSkew(object sender, EventArgs e) { mySkewTransform.AngleX = mySkewTransform.AngleX + 5; }





Note: