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

最新文章

  1. 前端之jquery
  2. [SDK2.2]SQL Azure (13) Azure的两种关系型数据库服务:SQL Azure与SQL Server VM的不同
  3. SA: 情感分析资源(Corpus、Dictionary)
  4. AMD加载器实现笔记(四)
  5. ASP.NET 5系列教程 (四):向视图中添加服务和发布应用到公有云
  6. Atitit.javascript 实现类的方式原理大总结
  7. 了解 JavaScript (4)– 第一个 Web 应用程序
  8. jsp之间传参中文乱码问题
  9. onInterceptTouchEvent和onTouchEvent调用时序
  10. 【转】深入了解android平台的jni---注册native函数
  11. C#文件的拆分与合并操作示例
  12. c#中实现登陆窗口(无需隐藏)
  13. JS 弹出层 定位至屏幕居中
  14. maven下载jar包失败后无法再次重新下载
  15. CSS弹性盒子的基本用法
  16. nginx配置文件详细解读
  17. SITE STRUCTURE
  18. Jmeter常用脚本开发之Junit Request
  19. 【转】Java 有值类型吗?
  20. bzoj1002

热门文章

  1. [转载]循规蹈矩:快速读懂SQL执行计划的套路与工具
  2. Xcode7 iOS9.0 的真机调试
  3. [New learn]SDWebImage框架的基本使用
  4. Unknown character set: 'utf8mb4'
  5. eclipse out of memory
  6. GITHUB个人博客搭建-Pelican 在Windows环境下的安装及配置
  7. ibatis中的符号#跟$区别
  8. 03 java 基础:注释 关键字 标识符 JShell
  9. 【笔试题】Java 易错题精选
  10. 【笔试题】精选30道Java笔试题解答