Spiga

用silverlight做动画-相机

2009-07-02 14:08 by 王喆(nasa), 1426 visits, 网摘, 收藏, 编辑
用silverlight做动画-相机
 
适合初学者学习
 
做一个相机的动画
和做flash动画一样，准备好素材

 
将素材放入项目中

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

创建一个UserControl

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

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

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

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


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

创建StoryBoard

按快捷键F6调整布局

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

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

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

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

控制其整体的透明度属性

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

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

在Page.cs文件中写入代码

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

效果预览：

出处：nasa.cnblogs.com

0
0
(请您对文章做出评价)
« 上一篇：Deep Zoom into Michael Jackson's life in pictures
» 下一篇：用silverlight做动画-个性滑梯
Add your comment

5 条回复

  1. #1楼 宝宝的宝宝[未注册用户]2009-07-02 22:23
    浅显易懂。。。
    多谢分享
    PS.小红灯闪得有点怪：P
      回复  引用    
  2. #2楼 墨尔本[未注册用户]2009-07-02 22:26
    几天不来，这里变漂亮好多阿~
      回复  引用    
  3. #3楼 墨尔本[未注册用户]2009-07-02 22:27
    几天不来，这里变漂亮好多阿~

    http://melbourne.at9t.com/
      回复  引用    
  4. #4楼[楼主] nasa      2009-07-02 22:28
    @墨尔本
    呵呵 自己瞎折腾的
      回复  引用  查看    
  5. #5楼[楼主] nasa      2009-07-02 22:28
    @宝宝的宝宝
    :">
      回复  引用  查看