WPF中的动画——(四)缓动函数

缓动函数可以通过一系列公式模拟一些物理效果,如实地弹跳或其行为如同在弹簧上一样。它们一般应用在From/To/By动画上,可以使得其动画更加平滑。

????var widthAnimation = new DoubleAnimation()
????{
????????From = 0,
????????To = 320,
????????Duration = TimeSpan.FromSeconds(1),
????????EasingFunction = new BackEase()
????????{
????????????Amplitude = 0.3,
????????????EasingMode = EasingMode.EaseOut,
????????},
????};

????button.BeginAnimation(WidthProperty, widthAnimation);

从上面的例子可以看出,可以通过设置EasingFunction属性来使能缓动函数,通过?EasingMode?控制缓动函数的行为方式,它是一个枚举,有如下三个选项:

  • EaseIn :动画起始部分使能缓动函数
  • EaseOut :动画结束部分使能缓动函数
  • EaseInOut :动画起始和结束部分都使能缓动函数

?

内置的缓动函数:

系统内部内置了一系列缓动函数,可以参考下图选择所需要的函数。

BackEase

WPF中的动画——(四)缓动函数

BounceEase

WPF中的动画——(四)缓动函数

CircleEase

WPF中的动画——(四)缓动函数

CubicEase

WPF中的动画——(四)缓动函数

ElasticEase

WPF中的动画——(四)缓动函数

ExponentialEase

WPF中的动画——(四)缓动函数

PowerEase

WPF中的动画——(四)缓动函数

QuadraticEase

WPF中的动画——(四)缓动函数

QuarticEase

WPF中的动画——(四)缓动函数

QuinticEase

WPF中的动画——(四)缓动函数

SineEase

WPF中的动画——(四)缓动函数

?

参考资料:

http://msdn.microsoft.com/zh-cn/library/ee308751(v=vs.110).aspx

WPF中的动画——(四)缓动函数

上一篇:Hadoop2.7实战v1.0之添加DataNode节点后,更改文件复制策略dfs.replication


下一篇:搭建自己的SIPserver:开源sipserveropensips的搭建及终端TwInkle的使用