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

核心提示： 在下面的 XAML 示例中，使用包含指定了 45 度旋转的 RotateTransform 的 RenderTransform 对 TextBlock 进行旋转： <TextBlock Width="320" Height="40"Text=&

在下面的 XAML 示例中，使用包含指定了 45 度旋转的 RotateTransform 的 RenderTransform 对 TextBlock 进行旋转：

<TextBlock Width="320" Height="40"
　Text="This is the text to rotate" TextWrapping="Wrap">
　<TextBlock.RenderTransform>
　　<RotateTransform Angle="45" />
　</TextBlock.RenderTransform>
</TextBlock>

在图 1 中您可以看到，该文本围绕中心点 (0,0)（位于屏幕左上角）进行了旋转。

图 1 使用 RotateTransform 属性下面的 XAML 演示了如何使用 CenterX 和 CenterY 围绕不同点进行旋转。在此示例中，围绕 (100,200) 点进行了旋转：

TextBlock Width="320" Height="40"
　Text="This is the text to rotate" TextWrapping="Wrap" >
　<TextBlock.RenderTransform>
　　<RotateTransform Angle="45" CenterX="100" CenterY="200" />
　</TextBlock.RenderTransform>
</TextBlock>

使用 ScaleTransform 属性进行缩放

ScaleTransform 属性用于基于水平轴、垂直轴，或同时基于这两个轴更改对象的大小。如果缩放对象，至少需要指定其中一个绕其进行缩放的轴，同时还要指定希望针对该轴缩放的比例。

使用 ScaleX 属性在水平轴（Ｘ 轴）上缩放对象，使用 ScaleY 属性在垂直轴（Ｙ 轴）上缩放对象。这两个属性均设置为双精度值，该值代表在指定轴上将对象的当前大小与其相乘的值。因此，大于 1 的值可使对象扩大相应的倍数。例如，ScaleX 值为 2 可使该对象的水平大小加倍。大于 0 小于 1 的值将使对象缩小。例如，设置为 0.5 会使对象在指定维度上的大小减小一半。