用silverlight做动画-相机

用silverlight做动画-相机

 

适合初学者学习

 

做一个相机的动画

和做flash动画一样，准备好素材

 

将素材放入项目中

开始正式制作前为了方便以后重用，就把这个动画做成usercontrol（和flash中的‘MovieClip’概念是一样的）

创建一个UserControl

图片放入舞台中并且调整好位置

用钢笔在最上层画一个图像做遮罩使用，和flash中的概念一样。

讲上边的小图放入一个Canvas容器中

选中Canvas容器和刚刚画出的图形制作遮罩

将刚刚遮罩过的Canvas容器再复制两个以便做动画使用

创建StoryBoard

按快捷键F6调整布局

结合图层的视觉效果，巧妙的控制图片的位移

设置StoryBoard的循环属性为永远循环

为了增强动画效果，可以上相机上的小灯闪一闪，在相机的上方画出一个红色渐变的圆形

选择刚才制作好的StoryBoard，将其加入进去，并制作动画

控制其整体的透明度属性

将制作的相机UserControl放入放入Page页面中

为相机起名字，以便程序控制

在Page.cs文件中写入代码

至此动画制作完毕，按F5编译运行。

效果预览：

出处：nasa.cnblogs.com