SkewTransform SkewTransform SkewTransform Class

Represents a two-dimensional skew.

Syntax

Declaration

public sealed class SkewTransformpublic sealed class SkewTransformPublic NotInheritable Class SkewTransform
<SkewTransform .../>

Inheritance Hierarchy

Inherited Members

Inherited methods

, , , , , , , , ,

Inherited properties

, ,

Windows.UI.Xaml.Media.GeneralTransform.TryTransform(Windows.Foundation.Point,Windows.Foundation.Point)
Windows.UI.Xaml.Media.GeneralTransform.TryTransform(Windows.Foundation.Point,Windows.Foundation.Point)
Windows.UI.Xaml.Media.GeneralTransform.TryTransform(Windows.Foundation.Point,Windows.Foundation.Point)
,
Windows.UI.Xaml.Media.GeneralTransform.TryTransformCore(Windows.Foundation.Point,Windows.Foundation.Point)
Windows.UI.Xaml.Media.GeneralTransform.TryTransformCore(Windows.Foundation.Point,Windows.Foundation.Point)
Windows.UI.Xaml.Media.GeneralTransform.TryTransformCore(Windows.Foundation.Point,Windows.Foundation.Point)

Remarks

Examples

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

<Canvas Margin="30">
    <!-- Skew the text using a SkewTransform. -->
    <TextBlock FontSize="32"
               FontWeight="Bold" 
               Foreground="Maroon"
               Text="Skewed Text">
        <TextBlock.RenderTransform>
            <SkewTransform AngleX="-30" AngleY="0" />
        </TextBlock.RenderTransform>
    </TextBlock>

    <TextBlock Canvas.Top="60"
               FontSize="32"
               FontWeight="Bold" 
               Foreground="Maroon"
               Text="Skewed Text">
        <TextBlock.RenderTransform>
            <SkewTransform AngleX="30" AngleY="0" />
        </TextBlock.RenderTransform>
    </TextBlock>
</Canvas>
<Rectangle PointerPressed="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, RoutedEventArgs e)
{
    mySkewTransform.AngleX = mySkewTransform.AngleX + 5;
}

Constructors summary

Initializes a new instance of the SkewTransform class.

Properties summary

Gets or sets the x-axis skew angle, which is measured in degrees counterclockwise from the y-axis.

Identifies the AngleX dependency property.

Gets or sets the y-axis skew angle, which is measured in degrees counterclockwise from the x-axis.

Identifies the AngleY dependency property.

Gets or sets the x-coordinate of the transform center.

Identifies the CenterX dependency property.

Gets or sets the y-coordinate of the transform center.

Identifies the CenterY dependency property.

Constructors

  • SkewTransform()
    SkewTransform()
    SkewTransform()
    SkewTransform()

    Initializes a new instance of the SkewTransform class.

    public SkewTransform()public New()Public Sub New()public SkewTransform()

Properties

  • AngleX
    AngleX
    AngleX
    AngleX

    Gets or sets the x-axis skew angle, which is measured in degrees counterclockwise from the y-axis.

    public double AngleX { get; set; }public double AngleX { get; set; }Public ReadWrite Property AngleX As doublepublic double AngleX { get; set; }
    <SkewTransform AngleX="double"/>
    

    Property Value

    • double
      double
      double

      The skew angle, which is measured in degrees counterclockwise from the y-axis. The default is 0.

  • AngleXProperty
    AngleXProperty
    AngleXProperty
    AngleXProperty

    Identifies the AngleX dependency property.

    public static DependencyProperty AngleXProperty { get; }public static DependencyProperty AngleXProperty { get; }Public Static ReadOnly Property AngleXProperty As DependencyPropertypublic static DependencyProperty AngleXProperty { get; }

    Property Value

  • AngleY
    AngleY
    AngleY
    AngleY

    Gets or sets the y-axis skew angle, which is measured in degrees counterclockwise from the x-axis.

    public double AngleY { get; set; }public double AngleY { get; set; }Public ReadWrite Property AngleY As doublepublic double AngleY { get; set; }
    <SkewTransform AngleY="double"/>
    

    Property Value

    • double
      double
      double

      The skew angle, which is measured in degrees counterclockwise from the x-axis. The default is 0.

  • AngleYProperty
    AngleYProperty
    AngleYProperty
    AngleYProperty

    Identifies the AngleY dependency property.

    public static DependencyProperty AngleYProperty { get; }public static DependencyProperty AngleYProperty { get; }Public Static ReadOnly Property AngleYProperty As DependencyPropertypublic static DependencyProperty AngleYProperty { get; }

    Property Value

  • CenterX
    CenterX
    CenterX
    CenterX

    Gets or sets the x-coordinate of the transform center.

    public double CenterX { get; set; }public double CenterX { get; set; }Public ReadWrite Property CenterX As doublepublic double CenterX { get; set; }
    <SkewTransform CenterX="double"/>
    

    Property Value

    • double
      double
      double

      The x-coordinate of the transform center. The default is 0.

  • CenterXProperty
    CenterXProperty
    CenterXProperty
    CenterXProperty

    Identifies the CenterX dependency property.

    public static DependencyProperty CenterXProperty { get; }public static DependencyProperty CenterXProperty { get; }Public Static ReadOnly Property CenterXProperty As DependencyPropertypublic static DependencyProperty CenterXProperty { get; }

    Property Value

  • CenterY
    CenterY
    CenterY
    CenterY

    Gets or sets the y-coordinate of the transform center.

    public double CenterY { get; set; }public double CenterY { get; set; }Public ReadWrite Property CenterY As doublepublic double CenterY { get; set; }
    <SkewTransform CenterY="double"/>
    

    Property Value

    • double
      double
      double

      The y-coordinate of the transform center. The default is 0.

  • CenterYProperty
    CenterYProperty
    CenterYProperty
    CenterYProperty

    Identifies the CenterY dependency property.

    public static DependencyProperty CenterYProperty { get; }public static DependencyProperty CenterYProperty { get; }Public Static ReadOnly Property CenterYProperty As DependencyPropertypublic static DependencyProperty CenterYProperty { get; }

    Property Value

Device family

Windows 10 (introduced v10.0.10240.0)

API contract

Windows.Foundation.UniversalApiContract (introduced v1)

Attributes

Windows.Foundation.Metadata.ActivatableAttribute
Windows.Foundation.Metadata.ContractVersionAttribute
Windows.Foundation.Metadata.MarshalingBehaviorAttribute
Windows.Foundation.Metadata.StaticAttribute
Windows.Foundation.Metadata.ThreadingAttribute
Windows.Foundation.Metadata.WebHostHiddenAttribute

Details

Assembly

Windows.UI.Xaml.Media.dll