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

核心提示： 结果如图 4 所示， 图 4 使用 SkewTransform 倾斜矩形倾斜对于在图形中模拟三维效果很有帮助，Silverlight: 使用 XAML 和 Expression Blend 创建动画(6)，例如，您可以将 SkewTransform 应用到三个相邻矩形（两个沿 Ｘ 轴倾斜，

结果如图 4 所示。

图 4 使用 SkewTransform 倾斜矩形

倾斜对于在图形中模拟三维效果很有帮助。例如，您可以将 SkewTransform 应用到三个相邻矩形（两个沿 Ｘ 轴倾斜，一个沿 Ｙ 轴倾斜）来创建一个三维透视效果（请参见图 5）。

图 5 使用三个倾斜的矩形模拟透视效果

使用 MatrixTransform 定义转换

从本质上来说，所有转换都是通过将对象的坐标空间与转换矩阵相乘来执行的。到目前为止，您所看到的每一个转换都是我们熟知且定义明确的转换。矩阵数学和如何实现转换都超出了本文所要讨论的范围，但是为了语法的完整性，我将介绍如何在 Silverlight XAML 中定义它们。

请注意，MatrixTransform 中所用的矩阵都是仿射矩阵，这意味着此矩阵的最后一行始终设置为 (0 0 1)，这样您仅需设置前二列。可使用转换的 Matrix 属性设置这些矩阵，该属性采用包含以空格分隔的前两行值的字符串。

<Rectangle Fill="#FFFF0404"
　　 Stroke="#FF000000"
　　 Width="96" Height="88"
　　 Canvas.Left="80" Canvas.Top="80">
　　 <Rectangle.RenderTransform>
　　　 <MatrixTransform Matrix="1 0 1 2 0 1"/>
　　 </Rectangle.RenderTransform>
　 </Rectangle>