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

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

    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 :动画起始和结束部分都使能缓动函数

 

内置的缓动函数: ui

系统内部内置了一系列缓动函数,能够参考下图选择所须要的函数。 spa

BackEase 3d

BounceEase blog

CircleEase ci

CubicEase get

ElasticEase animation

ExponentialEase

PowerEase

QuadraticEase

QuarticEase

QuinticEase

SineEase

 

参考资料:

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

相关文章
相关标签/搜索