"Silverlight是一种微软开发的技术,用于创建丰富的交互式Web应用程序,特别是与多媒体、动画和图形有关的。本文档详细介绍了如何使用Silverlight创建动画,结合了Expression Design和Expression Blend两个工具进行图形设计和动画制作。"
在Silverlight应用开发中,Expression Design和Expression Blend是两个重要的辅助工具。Expression Design主要用于图形设计,而Expression Blend则侧重于将设计转化为互动式的用户界面和动画。在本教程中,我们将学习如何利用这两个工具创建一个Silverlight动画。
首先,我们使用Expression Design来绘制图案并设置属性。例如,可以绘制一个多边形,并在“属性”/“外观”/“笔触”中设定笔触宽度为1像素。选择“多边形”工具,拖曳出一个图形,然后在“属性”/“编辑多边形”中调整顶点数量、内部深度和螺旋角度。接着,我们可以为多边形填充渐变颜色,选择“放射渐变”,并自定义颜色。
接下来,通过复制和调整多边形的大小,可以创建出一个中间挖空的图案。使用“排列”/“对齐”/“置中”功能,确保两个多边形对齐。然后,通过“对象”/“路径操作”/“后面剪去前面”的操作,剪裁出镂空效果。这样,我们可以创建出多个不同颜色的渐变多边形。
为了在Expression Blend中进一步编辑这些图形,我们需要将它们导出为XAML(Extensible Application Markup Language)文件。在Expression Design中,选择所有图案,右键点击并选择“导出”。在导出设置中,选择“XAML (Silverlight 3 Canvas)”格式,这将保留向量图形并允许在后续编辑时修改渐变等属性。同时,确保选中“文字”路径和“即时效果”中的“转换为XAML效果”,其他选项根据需要取消选中。最后,指定文件名和保存位置,点击“全部导出”。
导出后的XAML文件可以在Expression Blend中打开,继续进行Silverlight动画的制作。在Blend中,我们可以添加交互事件、动画效果和控件,使静态图形动起来。这包括设置动画的时间线、关键帧以及触发条件,如鼠标点击或时间流逝。
总结来说,本教程涵盖了使用Silverlight进行图形设计和动画制作的基础步骤,包括使用Expression Design绘制和编辑图形,以及通过Expression Blend将图形转化为互动式动画。通过这个过程,开发者可以掌握创建吸引人的Silverlight应用程序的关键技能。