用silverlight做动画-相机

适合初学者学习

做一个相机的动画

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

将素材放入项目中

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

创建一个UserControl

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

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

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

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

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

创建StoryBoard

按快捷键F6调整布局

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

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

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

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

控制其整体的透明度属性

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

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

在Page.cs文件中写入代码

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

效果预览：

出处：nasa.cnblogs.com

时间： 2024-11-02 21:09:54

用silverlight做动画-相机的相关文章

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

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

手把手教你用jQuery做动画插件

CSS样式属性动画我们现在有很多的动画方法,滑动.淡出淡入.还有其他的显示隐藏动画,但是我们对于精确的控制动画以及动画到底怎么发生的还不太了解.我们这就来介绍一个非常强大的jQuery函数,animate,这个方法可以让你对任何的CSS属性做动画的效果.我们看看代码: $("p").animate({ padding:"20px", fontSize:"30px" },2000) 这段代码会动画操作所有的,将他们

用MASK做动画

用MASK做动画(三) 八.按F8键,在符号属性对话框中选择其类型为animation.点击OK按钮.在紧接着跳出来的动画窗口中再进行如下设置.Frames设为10帧.Move选项设为200(随便设置一个数字好啦).Scale to 选项中填入120.点击OK按钮表示确定. 九.看到红色小圆点没?呵呵,用鼠标选择它,并把它拖到黄色文字层的最右边. 十.最后一步啦,打开Layers面板,选择Layer1标签,双击.在跳出的对话框中把Share Across Frames前面的钩选上.使图层1进行共

Fireworks妙用投影做动画

大家先看看下图效果,文字做圆周运动的同时,本身的位置终始是正的,没有象别的圆周运动那样字发生了倾斜,而且字的颜色在发生渐变.不要误会只有FLASH中才能完成这效果,其实用Fireworks同样能完成,而且方法更简单.心痒了吧?跟我来! 1.新建一个文件,Width=300pixels,Height=300pixels,背景色为White白色. 2.在编辑区用文字工具输入文字"网络学院",字号为30pixels象素,字体颜色随意.取中该字,Commands>Document>

iOS动画——啥？AutoLayout还能做动画？

是的,很明确的告诉各位看官,AutoLayout的确能做动画.AutoLayout是用来做各种约束,是用来适配不同屏幕的,那么当我们改变其中某些约束并讲这个改变的过程以缓慢的速度显示,那么是不是就实现了动画- 先来看一个酷炫的动画,这个动画由书籍iOS Animations by tutorials提供: 由书籍iOS Animations by tutorials提供接下来我们将围绕这个动画的实现过程来进行叙述. 首先给我们最上方的这个类似Navigation的menu做动画,很明显我们

Android 使用XML做动画UI的深入解析

在Android应用程序,使用动画效果,能带给用户更好的感觉.做动画可以通过XML或Android代码.本教程中,介绍使用XML来做动画.在这里,介绍基本的动画,如淡入,淡出,旋转等,需要的朋友可以参考下效果: http://www.56.com/u82/v_OTM4MDk5MTk.html 第一步: 创建anim文件夹放置动画xml文件在res文件夹下,创建一个anim的子文件夹. 第二步: 加载动画接着在Activity创建一个Animation类,然后使用Anim

ppt怎么做动画？Swiff Point Player插件帮您实现

ppt做动画其实很麻烦,下面小编教大家用Swiff Point Player插件实现在powerpoint中插入Flash 动画的方法,相对来说轻松很多 Swiff Point Player 提供 Powerpoint 与 Flash 在使用上更紧密的结合,网页设计师或 Flash 设计师能快速方便的将制作好的 Flash 作品加入到 Powerpoint 格式的投影片中,当演示文稿浏览到含有 Flash 的那一页时就会自动播放内含的 Flash 动画为演示文稿增添了不少的流畅性和互动性.此插件

ppt怎么做动画效果?

ppt怎么做动画效果?powerpoint中如何插入随机效果,小编为大家讲解powerpoint中如何插入随机效果. 1.如图所示,我们点击打开箭头所指的ppt文档. 2.如图所示,我们点击箭头所指的"视图"这一项. 3.如图所示,我们点击箭头所指的的"幻灯片浏览"这一项. 4.如图所示,我们点击箭头所指的"切换"按钮. 5.如图所示,我们点击箭头所指的"随机"这一项. 6.如图所示,我们点击箭头所指的"应用于所

wpf-WPF在做动画效果时，storyboard的targetname该怎么用。

问题描述 WPF在做动画效果时,storyboard的targetname该怎么用. WPF在做动画效果时,storyboard的targetname该怎么用. 解决方案 https://www.zhihu.com/question/24904064/answer/41416402