Expression Blend实例动画-大坝水位升高演示

原文: Expression Blend实例动画-大坝水位升高演示

Expression Blend是个很强大的东西，用它能够完成不少很差作的动画效果。

动画的主要元素：

　　时间线(Timeline) ：定义了值随着时间的变化方式。有不一样类型的时间线，可用于改变不一样类型的值。因此时间线的基类都是Timeline。为了连续改变double，可使用DoubleAnimation类。

　　Timeline的主要属性

　　AutoReverse ：使用该属性，能够指定连续改变的值在动画结束后是否返回初始值。

　　SpeedRatio：使用该属性，能够改变更画的执行速度。在这个属性中，能够定义父子元素的相对关系。默认值为1，将速率设为较小的值时，动画的执行速度较慢。

　　BeginTime：使用该属性，能够指定从触发事件开始到动画开始之间的长度。

　　Duration：指定动画执行一次的时间长度。

　　RepeatBehavior：定义动画重复的次数或重复的时间。

　　FillBehavior：若是父元素的时间线有不一样的持续时间，则FillBehavior属性就很重要。

　　关于更多的Timeline类的属性能够参考?MSDN：http://msdn.microsoft.com/zh-cn/library/system.windows.media.animation.timeline_properties%28VS.85%29.aspx

　　情景板(Storyboard) ：用于合并动画。Storyboard类派生子基类TimelineGroup，TimelineGroup又派生自基类Timeline。

　　情景板或者故事板继承自基类Timeline，可是能够包含几个时间线。StoryBoard类能够用于控制时间线。

　　StoryBoard类的主要方法以下：

　　Begin()：启动与情景板相关的动画

　　BeginAnimation()：能够为一个依赖属性启动单个动画

　　CreateClock():返回一个Clock对象，用于控制动画

　　Pause()、Resume()：暂停、恢复动画

　　Seek()：使动画移动到指定的时间处

　　Stop()：中止动画

　　触发器(Trigger) ：经过触发器能够启动和中止动画。

我这里用vs2013自带的Blend工具来制做一个简单的大坝水位升高的动画演示：

1.打开Blend后新建一个Wpf项目：

2.用左侧的“笔”工具画出所须要的大坝及湖泊的大概形状出来，用label或者textbox控件加入相应的文字信息，而后能够填充一下本身须要的颜色：

3.在对象菜单栏下面选择“新建”按钮，新建一个StoryBoard，击“Ok”后，Objects and Timeline编辑框将载入刚刚建立的StoryBoard，在右边出现了动画控制按钮，关键帧设置按钮以及时间线显示面板。

4.在设计主窗口，会看到一个红色框，这表明着控件处于动画录制状态：

5.在黄色进程线为“0:00:00”的位置，点击添加一个KeyFrame关键帧：

6.移动黄色进程线到“0:01:000”位置:

7.最后拖动湖泊这个梯形向上拉便可：

8.若是想一直循环运行或者规定次数的话，能够在属性进行设置，选择AutoReverse和RepeatBehavior：

9.运行后效果如图：