今回はオブジェクトの傾斜についてです。

傾斜を行うには<SkewTransform>タグを使用します。

このタグでは以下の属性を使用します。

• CenterX: 傾斜を行う際の中心点X
• CenterY: 傾斜を行う際の中心点Y
• AngleX: X方向傾斜角度
• AngleY: Y方向傾斜角度

X方向の傾斜

X方向へ45度傾斜させる場合には、AngleXに45を指定し、XAMLを下記のように書きます。

<Button Height="23" Margin="99,106,104,0" Name="Button1" 
    VerticalAlignment="Top" IsDefault="True" IsCancel="True">
    <Button.RenderTransform>
        <SkewTransform CenterX="0" CenterY="0" AngleX="45" AngleY="0">
        </SkewTransform>
    </Button.RenderTransform>
    Button
</Button>

Y方向の傾斜

Y方向へ45度傾斜させる場合には、AngleYに45を指定し、XAMLを下記のように書きます。

<Button Height="23" Margin="99,106,104,0" Name="Button1" 
    VerticalAlignment="Top" IsDefault="True" IsCancel="True">
    <Button.RenderTransform>
        <SkewTransform CenterX="0" CenterY="0" AngleX="0" AngleY="45">
        </SkewTransform>
    </Button.RenderTransform>
    Button
</Button>