本文已参与「新人创作礼」活动,一起开启掘金创作之路。
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
。
usingSpringWithDamping 参数
usingSpringWithDamping
的范围为0.0f
到1.0f
,数值越小「弹簧」的振动效果越明显。下图演示了在initialSpringVelocity
为0.0f
的情况下,usingSpringWithDamping
分别取0.2f
,0.5f
和1.0f
的情况。
Spring Animation 是一种特殊的动画曲线,自从 iOS 7 开始被广泛应用在系统动画中。
initialSpringVelocity 参数
initialSpringVelocity
则表示初始的速度,数值越大一开始移动越快。下图演示了在usingSpringWithDamping
为1.0f
时,initialSpringVelocity
分别取5.0f
,15.0f
和25.0f
的情况。值得注意的是,初始速度取值较高而时间较短时,也会出现反弹情况。
使用
Spring Animation 是线性动画或 ease-out 动画的理想替代品。由于 iOS 本身大量使用的就是 Spring Animation,用户已经习惯了这种动画效果,因此使用它能使 App 让人感觉更加自然,用 Apple 的话说就是「instantly familiar」。此外,Spring Animation 不只能对位置使用,它适用于所有可被添加动画效果的属性。