iOS 8 Spring Animation[IOS 7.0以后动画效果超赞]---弹簧震动效果
来源:互联网 发布:python format 编辑:程序博客网 时间:2024/05/21 17:03
原文:http://www.tuicool.com/articles/ZR7nYv
Spring Animation 简介
Spring Animation 本质上是一种特殊的动画曲线,自从 iOS 7 开始被广泛应用在系统动画中。下图中演示的自带的动画效果实际上都使用了 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 前期速度增加得更快,在动画时间一定的前提下,给人感觉更加快速、干净。
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 和一般动画相比多了两个参数,分别是usingSpringWithDamping
和 initialSpringVelocity
。
dumping ratio
usingSpringWithDamping
的范围为 0.0f
到 1.0f
,数值越小「弹簧」的振动效果越明显。下图演示了在 initialSpringVelocity
为 0.0f
的情况下,usingSpringWithDamping
分别取 0.2f
, 0.5f
和 1.0f
的情况。
initial velocity
initialSpringVelocity
则表示初始的速度,数值越大一开始移动越快。下图演示了在 usingSpringWithDamping
为 1.0f
时,initialSpringVelocity
分别取 5.0f
, 15.0f
和 25.0f
的情况。值得注意的是,初始速度取值较高而时间较短时,也会出现反弹情况。
使用
Spring Animation 是线性动画或 ease-out 动画的理想替代品。由于 iOS 本身大量使用的就是 Spring Animation,用户已经习惯了这种动画效果,因此使用它能使 App 让人感觉更加自然,用 Apple 的话说就是「instantly familiar」。此外,Spring Animation 不只能对位置使用,它适用于所有可被添加动画效果的属性。
- iOS 8 Spring Animation[IOS 7.0以后动画效果超赞]---弹簧震动效果
- iOS动画实现:弹簧效果
- iOS动画实现:弹簧效果
- iOS动画之弹簧效果
- iOS关于Animation 动画效果
- iOS Animation各种动画效果
- iOS-高仿微信摇一摇动画效果加震动音效
- iOS- 点赞动画效果
- iOS UIScrollview 取消弹簧效果
- 仿IOS效果-带弹簧动画的ListView
- IOS-动画Animation
- 弹簧动画-----Spring Animation
- IOS Core Animation之多种动画效果
- iOS UIView animation动画效果 (1)
- iOS 动画效果:Core Animation & Facebook
- iOS动画,让view有一个震动效果
- Android 弹簧动画效果
- 弹簧动画效果
- 偶然发现关于网页JavaScript脚本无法正常执行的原因
- C++/CLI signing snk文件强命名
- 织梦首页调用文章标题和摘要
- 自定义UISlider的样式和滑块
- Win Server2008 重启后不能远程不能ping通的问题
- iOS 8 Spring Animation[IOS 7.0以后动画效果超赞]---弹簧震动效果
- WCF之各种WCF引用方式
- Ubuntu 命令小结
- 批处理中setlocal enabledelayedexpansion的作用详细整理
- D3js-绘制地图时出现过小, 设置scale还是无效 的解决方法
- java中实现字符串转换成数组
- Android动态加载jar、apk的实现
- (转载)Nim游戏博弈(收集完全版)
- 听课笔记(一)