码迷,mamicode.com
首页 > Windows程序 > 详细

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

时间:2019-06-25 09:29:30      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:参考资料   物理   动画   on()   function   mat   log   nba   url   

缓动函数可以通过一系列公式模拟一些物理效果,如实地弹跳或其行为如同在弹簧上一样。它们一般应用在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

技术图片

BounceEase

技术图片

CircleEase

技术图片

CubicEase

技术图片

ElasticEase

技术图片

ExponentialEase

技术图片

PowerEase

技术图片

QuadraticEase

技术图片

QuarticEase

技术图片

QuinticEase

技术图片

SineEase

技术图片

 

参考资料:

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

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

标签:参考资料   物理   动画   on()   function   mat   log   nba   url   

原文地址:https://www.cnblogs.com/LiZhongZhongY/p/11080820.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!