RenderTransform屬性讓你可以使用transform對象對一個(gè)元素進(jìn)行旋轉,傾斜,縮放及偏移操作.共有下面幾種不同的transform對象:
- RotateTransform: 以指定角度旋轉對象.
- SkewTransform: 對對象進(jìn)行傾斜操作.
- ScaleTransform: 對對象進(jìn)行放大或者縮小操作.
- TranslateTransform: 使對象從原坐標偏移.
此外,還有一種特殊類(lèi)型的transform對象: TransformGroup.使用它,可以對一個(gè)對象應用多用操作.
下面是SDK中的例子,代碼如下:
<Canvas Width="300" Height="300"
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
>
<Rectangle Height="100" Width="100" Canvas.Left="70" Canvas.Top="10"
Fill="Black">
<Rectangle.RenderTransform>
<RotateTransform Angle="45"/>
</Rectangle.RenderTransform>
</Rectangle>
<Rectangle Height="100" Width="100" Canvas.Left="130" Canvas.Top="10"
Fill="red">
<Rectangle.RenderTransform>
<SkewTransform AngleX="30"/>
</Rectangle.RenderTransform>
</Rectangle>
<Rectangle Height="100" Width="100" Canvas.Left="10" Canvas.Top="190"
Fill="blue">
<Rectangle.RenderTransform>
<ScaleTransform ScaleX="1.3" ScaleY=".5"/>
</Rectangle.RenderTransform>
</Rectangle>
<Rectangle Height="100" Width="100" Canvas.Left="160" Canvas.Top="130"
Fill="Green">
<Rectangle.RenderTransform>
<TransformGroup>
<RotateTransform Angle="45"/>
<ScaleTransform ScaleX=".5" ScaleY="1.2"/>
<SkewTransform AngleX="30"/>
</TransformGroup>
</Rectangle.RenderTransform>
</Rectangle>
</Canvas>
效果圖如下圖所示:
