Silverlight: 使用 XAML 和 Expression Blend 创建动画

核心提示： 使用 TranslateTransform 属性移动对象平移是指在二维平面上将对象从一个位置移动到另一个位置的一种转换，可通过设置定义对象沿其 X 轴和 Y 轴移动的矢量来定义平移，Silverlight: 使用 XAML 和 Expression Blend 创建动画(5)，可使用转换中

使用 TranslateTransform 属性移动对象

平移是指在二维平面上将对象从一个位置移动到另一个位置的一种转换。可通过设置定义对象沿其 X 轴和 Y 轴移动的矢量来定义平移。可使用转换中的 X 属性和 Y 属性设置这些矢量。要将项目水平向右移动两个单位，可将 X 属性设置为 2，要将其水平向左移动，可使用负值，例如 -2。同样，要垂直移动对象，可使用 Y 属性，使用正值可使此对象向屏幕下方移动，而使用负值可使对象向屏幕上方移动。

下面是一个平移示例：通过指定 X 和 Y 值，将我们前面看到的红色矩形的位置向左上方移动。这些值有效地构成确定该平移的矢量：

<Rectangle Fill="#FFFF0404"
　Stroke="#FF000000"
　Width="96" Height="88"
　Canvas.Left="80" Canvas.Top="80">
　<Rectangle.RenderTransform>
　　<TranslateTransform X="-50" Y="-50"/>
　</Rectangle.RenderTransform>
</Rectangle>

结果如图 3 所示。与图 2 中矩形的位置相比，此矩形已移动到相对于该指定位置的左上方。

图 3 使用 TranslateTransform 属性

使用 SkewTransform 属性倾斜对象

倾斜对象包括沿某一轴以渐进、统一的方式进行更改。这会产生将一个正方形或矩形变成平行四边形的效果。在二维表面上创建深度效果时这种视觉效果很有用。

您可以围绕一个中心点沿 X 轴或 Y 轴倾斜一定的角度。当然，这两种方式可以合并起来使用，这样您就可以同时沿两个轴进行倾斜。以下 XAML 可将矩形沿 Ｘ 轴倾斜 45 度：

<Rectangle Fill="#FFFF0404" Stroke="#FF000000"
　Width="96" Height="88"
　Canvas.Left="80" Canvas.Top="80">
　　 <Rectangle.RenderTransform>
　　　 <SkewTransform AngleX="45"/>
　　 </Rectangle.RenderTransform>
　 </Rectangle>