WEB开发网
开发学院图形图像Flash Silverlight: 使用 XAML 和 Expression Blend 创建... 阅读

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

 2008-10-26 11:49:25 来源:WEB开发网   
核心提示: 使用此矩阵进行转换的效果是呈现一个经过拉伸和倾斜双重转换的矩形,合并转换在上例中您可以看到,Silverlight: 使用 XAML 和 Expression Blend 创建动画(7),通过使用转换仿射矩阵及指定使用 MatrixTransform 类型可以创建复杂的转换,但是,在下面的

使用此矩阵进行转换的效果是呈现一个经过拉伸和倾斜双重转换的矩形。

合并转换

在上例中您可以看到,通过使用转换仿射矩阵及指定使用 MatrixTransform 类型可以创建复杂的转换。但是,如果您不是矩阵数学方面的专家,就需要适用于使用转换的另一项技术,即通过 TransformGroup 元素将上述两步合并。这样,您只需要指定多个转换,并将每个转换的合并效果都应用到此对象即可。以下是一个示例:

<Rectangle Fill="#FFFF0404" Stroke="#FF000000"
 Width="96" Height="88"
 Canvas.Left="80" Canvas.Top="80">
 <Rectangle.RenderTransform>
  <TransformGroup>
   <ScaleTransform ScaleX="1.2" ScaleY="1.2" />
   <SkewTransform AngleX="30" />
   <RotateTransform Angle="45" />
  </TransformGroup>
 </Rectangle.RenderTransform>
</Rectangle>

此示例中合并了一个 ScaleTransform,该效果将图形的大小在两个轴上各增加 20%,在 X 轴上倾斜 30 度并旋转 45 度。

“动画”字面上的意思是指“为某物赋与生命”。因此,借助动画,您可以通过在一段时间内或响应用户操作而更改对象的属性(如颜色、大小、不透明度及其他属性)来为自己的作品带来生命力。

在 XAML 中,可通过随着时间更改项目的一个或多个属性为其设置动画效果。此时间是使用时间线定义的。例如,要在 5 秒内将项目移过屏幕,应将时间线指定为 5 秒,设置 Canvas.Left 属性在此时间内从 0 变为屏幕宽度的动画效果。在下面的部分中,我将介绍每种可用的动画类型,以及使用关键帧设置这些属性的动画效果时的区别。

上一页  2 3 4 5 6 7 8 9 10  下一页

Tags:Silverlight 使用 XAML

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接