pring Animation 是一种特殊的动画曲线,自从 iOS 7 开始被广泛应用在系统动画中。

Spring Animation 是Linear(线性即匀速)动画、Ease-out(即动画减速地结束)动画的理想替代品。

下图中演示的系统自带的动画效果,都使用了 Spring Animation:

  

事实上,从 iOS 7 起几乎所有的系统动画都用的是 Spring Animation,包括 App 文件夹打开/关闭效果、键盘弹出效果、UISwitch 控件的开关效果、不同 View Controller 之间的 Push 动画、Modal 出现和消失的动画、Siri 的出现和消失动画,等等。下图为 Spring Animation 和普通的动画的运动曲线的对比:

为了更加直观,我做了一组演示图,从左至右分别列出了 Spring Animation, Ease-Out Animation 和 Linear Animation 的动画效果:

可以看到,和系统自带的 ease-out 效果相比,Spring Animation 前期速度增加得更快,在动画时间一定的前提下,给人感觉更加快速、干净。

Spring Animation API

自 iOS 8 开始,Apple 公开了 Spring Animation 的 API,开发者也可以使用简单的代码创建这类动画效果了:

+ (void)animateWithDuration:(NSTimeInterval)duration
delay:(NSTimeInterval)delay
usingSpringWithDamping:(CGFloat)dampingRatio
initialSpringVelocity:(CGFloat)velocity
options:(UIViewAnimationOptions)options
animations:(void (^)(void))animations
completion:(void (^)(BOOL finished))completion

该方法是UIView的类方法。

Spring Animation 的 API 和一般动画相比多了两个参数,分别是usingSpringWithDampinginitialSpringVelocity

usingSpringWithDamping 参数

usingSpringWithDamping的范围为0.0f1.0f,数值越小「弹簧」的振动效果越明显。下图演示了在initialSpringVelocity0.0f的情况下,usingSpringWithDamping分别取0.2f0.5f1.0f的情况。

initialSpringVelocity 参数

initialSpringVelocity则表示初始的速度,数值越大一开始移动越快。下图演示了在usingSpringWithDamping1.0f时,initialSpringVelocity分别取5.0f15.0f25.0f的情况。值得注意的是,初始速度取值较高而时间较短时,也会出现反弹情况。

使用

Spring Animation 是Linear(线性即匀速)动画、Ease-out(即动画减速地结束)动画的理想替代品。由于 iOS 本身大量使用的就是 Spring Animation,用户已经习惯了这种动画效果,因此使用它能使 App 让人感觉更加自然,用 Apple 的话说就是「instantly familiar」。此外,Spring Animation 不只能对位置使用,它适用于所有可被添加动画效果的属性。

 

最新文章

  1. Jquery实现select左右栏的添加移除
  2. BZOJ平推计划
  3. vi编辑器的简单使用
  4. MD5算法 简介
  5. ABAP_常用函数整理_傻X版
  6. Php检测文件编码方法
  7. ***RESTful API 设计指南(阮一峰)
  8. 认识position=fixed
  9. Ignatius and the Princess III
  10. windows-JDK环境变量设置
  11. 使用python遍历指定城市的一周气温
  12. iOS之 LLDB调试常用命令
  13. [Swift]LeetCode57. 插入区间 | Insert Interval
  14. 《PHP扩展及核心》
  15. vue之生命周期钩子函数之运用
  16. extern "C" 含义
  17. windows10开启wst子系统
  18. vue.js插值,插入图片,属性
  19. python 通过pytz模块进行时区的转换,获取指定时区的时间
  20. Blender 编辑模式

热门文章

  1. Unity Lighting - Choosing a Lighting Technique 选择照明技术(一)
  2. 关于maven项目中修改的JS不生效的解决方案
  3. centos7安装zabbix3.2详解
  4. 259 [LeetCode] 3Sum Smaller 三数之和较小值
  5. Hadoop第一课:Hadoop集群环境搭建
  6. 软件工程第二周PSP
  7. Thunder团队第二周 - Scrum会议6
  8. scanf格式控制符的完整格式
  9. UML设计(团队作业)
  10. 3dContactPointAnnotationTool开发日志(一)