图解-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地址

源码下载

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Kiba518

WPF获取原始控件样式。

要获取WPF控件的原始样式,需要我们安装Blend for Visual Studio。

1172
来自专栏大数据钻研

Sublime Text 使用介绍、全套快捷键及插件推荐

开篇:如果说Notepad++是一款不错Code神器,那么Sublime Text应当称得上是神器滴哥。Sublime Text最大的优点就是跨平台,Mac和W...

3756
来自专栏聊聊技术

原 Linux编程基础-emacs简单配置

3726
来自专栏小狼的世界

Sublime Text 3 提高工作效率的使用技巧

Sublime Text 3对于Sublime Text 2压倒性的优势就是秒启动,启动非常非常快,所以从2012年到2016年我一直用Sublime Text...

1674
来自专栏林德熙的博客

WPF 高性能笔

如果需要经过路由事件才收到输入,如果有人在路由事件做了很多需要很长事件的代码,那么等待用户的路由事件就会使用很长的时间。

974
来自专栏守望轩

Visual Studio 2008 每日提示(一)

Visual Studio 2008 每日提示(tip of day )是2007年7月Sara Ford在她的博客里推出了VS 2008每日提示系列,里面收集...

3717
来自专栏.NET开发那点事

使用SignalR构建一个最基本的web聊天室

What is SignalR ASP.NET SignalR is a new library for ASP.NET developers that sim...

2918
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:获取或存储图像路径设置

获取或设置图像存储路径,默认设置为“image”,表示的ResourcePath是在程序运行路径下的Image文件夹(bin\Debug\Image);

1532
来自专栏葡萄城控件技术团队

ASP.NET MVC 5 - 视图

在本节中,你要去修改HelloWorldController类,使用视图模板文件,在干净利索地封装的过程中:客户端浏览器生成HTML。 您将创建一个视图模板文件...

2708
来自专栏游戏杂谈

JavaScript与ActionScript3 -- setTimeout方法的差异

JavaScript中setTimeout方法接受的参数只有两个,而ActionScript3却可以有多个。

591

扫码关注云+社区

领取腾讯云代金券