在之前的视图属性动画文章中,首先是提供视图的一个初始状态,然后在动画块中更改视图的一些属性,使其变为我们想要的终极状态,并且提供动画时长等其他一些参数,最后 UIKit 自动为我们生成相应的动画。
之前的视图移动都是比较简单的,朝着某个方向,从一个点到另一个点。在生活中,当把一个物体附着在弹簧上时,物体的运动是一种比较复杂的弹性运动。UIView 提供了一个动画方法,其时间对应于物理弹簧的运动曲线。具体可以看下图:
默认的动画曲线是比较平滑的,Spring 动画的曲线是开始的快,结束的慢。
举个例子,从点 A 到点 B,如果使用上篇文章中动画方法,那么是平滑的从 A 移动到 B。假若我们这次给动画添加一点 Spring 的效果,那么动画的表现将是 View 在点 B 做一会振荡,最终又回到 B 点。就好像在 B 点有一根弹簧牵扯住了 view。
下面直接上 API:
[UIView animateWithDuration:NSTimeInterval)duration
delay:NSTimeInterval)delay
usingSpringWithDamping:(CGFloat)dampingRatio
initialSpringVelocity:(CGFloat)velocity
options:(UIViewAnimationOptions)options
animations:^{
<#code#>
}
completion:^(BOOL finished) {
<#code#>
}
];
Duration、delay、animations 以及 completion 参数与之前方法的并无两样。主要介绍下这两个参数:
- dampingRatio:阻尼系数,范围为 0.0 ~ 1.0,数值越小,弹簧振动的越厉害,Spring 的效果越明显,效果对比可以看下图:
- velocity:表示速度,数值越大移动的越快。值为 1.0 时,这个速度为 1 秒钟之内走完整个动画距离的速度。更大或更小的值会让 view 刚到达终点时的速度更大或更小。上图更直接:
具体的使用还是需要实际写一些代码来感受。
iOS 系统中大量使用了 Spring 动画,Spring 动画不仅可以对视图的 size 等位置属性做动画,还可以应用于 UIView 的其他动画属性。