图解-Silverlight做一个简单的动画

简述:
做一个最简单的动画,这里用到的Microsoft Expression Studio中的Design和Blend。首先在Design中做好你要做动画的图片,然后将图片导出为Silverlight的Xaml格式。用 Blend新建立一个Silverlight 2项目,将刚才生成的Xaml导入Blend。在Blend对导入的Xaml做创建控件、命名元素、制作动画状态等处理,简单的写一个控制动画状态的方 法,最终发布即可。
详解:
第一部分:从design到blend
首先先在Design中做好动画的图片。
选中图片,右键选择导出。

将导出图片格式设置为silverlight的Xaml格式,参数选择如图所示:
 
用Blend新建立Silverlight 2项目。将生成的Xaml插入“Grid”中。如图所示:


第二部分:从静态到动态
在Blend中右键点击刚才导入进来的图形,选择创建控件:

输入控件的名称:
在新创建的空间中给各个元素分组起好名字,这样能方便后期的识别和制作动画:
此时到了该制作动画的步骤了,这里使用了VisualState“视图状态” 来做,关于视图状态的使用我专门写过一个心得
看完后继续使用StoryBoard制作各个视图状态的动画。

第三部分:简单的控制
在刚才制作的控件所对应的cs文件中做一点简单的状态控制:

好了到这里所有的制作就完成了。按F5编译运行看效果吧。

这里是我的Demo地址

 源码下载

Get Microsoft Silverlight

 
作者:nasa
出处:nasa.cnblogs.com
联系:nasa_wz@hotmail.com
QQ:12446006

 

posted @ 2008-11-30 22:02  王喆(nasa)  阅读(1250)  评论(0编辑  收藏  举报