SkewTransform Class

Microsoft Silverlight will reach end of support after October 2021. Learn more.

Represents a two-dimensional skew.

Inheritance Hierarchy

System.Object
  System.Windows.DependencyObject
    System.Windows.Media.GeneralTransform
      System.Windows.Media.Transform
        System.Windows.Media.SkewTransform

Namespace:  System.Windows.Media
Assembly:  System.Windows (in System.Windows.dll)

Syntax

'Declaration
Public NotInheritable Class SkewTransform _
    Inherits Transform

public sealed class SkewTransform : Transform

<SkewTransform .../>

The SkewTransform type exposes the following members.

Constructors

	Name	Description
	SkewTransform	Initializes a new instance of the SkewTransform class.

Top

Properties

	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.)

Top

Methods

	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 Silverlight 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.)

Top

Fields

	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.

Top

Remarks

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.

TextBlock using a SkewTransform

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.

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.

Examples

The following example uses a SkewTransform to skew text. A skew, also known as a shear, is a transformation that stretches the coordinate space in a non-uniform manner. In this example, the two text strings are skewed -30 degrees and 30 degrees along the x-coordinate.

Run this sample

The example below shows how to increase the AngleX property value of a SkewTransform applied to a Rectangle every time the Rectangle is clicked.

Run this sample

    <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>

Version Information

Silverlight

Supported in: 5, 4, 3

Silverlight for Windows Phone

Supported in: Windows Phone OS 7.1, Windows Phone OS 7.0

Platforms

For a list of the operating systems and browsers that are supported by Silverlight, see Supported Operating Systems and Browsers.

Thread Safety

Any public static (Shared in Visual Basic) members of this type are thread safe. Any instance members are not guaranteed to be thread safe.

See Also

Reference

System.Windows.Media Namespace

Transform

Other Resources

Transforms