现在的位置: 首页 > 综合 > 正文

Blend中如何自定义控件模版,实现“vista button动画效果”(附图)

2013年09月08日 ⁄ 综合 ⁄ 共 1126字 ⁄ 字号 评论关闭

       vista已正式上市了,全新的界面视觉效果给大家留下了深刻的印象。在这里我给大家介绍一下,如何在blend中实现这种vista button效果。首先我打开blend新建一个project,之后我们先在project菜单中选择add existing item导入一张图片作为背景,接下来在toolbox中选择button按纽,然后在主窗口中拖入一个button控件,选择object菜单/edit control parts(complate)/edit complate copy…,在弹出create style resource对话框中给模版样式起个名称(比如叫buttonstyle),并选择应用到windows,然后点击ok;接下来进入template编辑模式,在timeline panel中chrome下可新建图层,然后使用toolbox中的绘图工具,绘制一个水晶button的效果,(可以建立一个grid里面可以包含多个child elements来实现你想要的效果),绘制完后记得在toolbox /asset library中新建一个content presenter (button上面的文字内容);button绘制完成后我们就开始新建一个timeline1(这时窗口显示为红色表示开始自动记录动画效果了)我们在timeline1中建立新图层来制作一个鼠标mouse over时发光的效果,这个过程中你没改变一个属性系统会自动记录关键祯,也可点击record按纽手动设置关键祯,然后;鼠标触发事件,在triggers panle中 点击event 选择触发对象element、事件mouse enter、触发事件后要播放的timeline1和timeline的状态 “begin” ,我们可以通过建立多个timeline来实现复杂的动画效果;动画和事件都写好了,我们先点击timeline panel中图层上方scope up 按纽返回主场景(目前是complate编辑模式);这时我们打开resources属性面扳发现已经多了一个名为"buttonstyle"的源,下面我们就可以给button定义样式了,我们选择button后在properties面扳中找到miscellaneous属性下style项点击右侧小方块图标,在弹出菜单中选择local resources/"buttonstyle",这是我们的button就添加上了自定义样式了F5一下看看效果吧,这个style资源可以重复使用;所以我们通过学习自定义模版可以制作出很多丰富多彩的动画效果,这在以往要用程序写出来是不太容易的事,而在blend中就很容易实现我们自己想要的动画效果了.

图例1

图例2

图例3

抱歉!评论已关闭.