iOS动画好东西小知识点

iOS 动画之弹性 Spring

2015-08-23  本文已影响5581人  WellCheng

在之前的视图属性动画文章中,首先是提供视图的一个初始状态,然后在动画块中更改视图的一些属性,使其变为我们想要的终极状态,并且提供动画时长等其他一些参数,最后 UIKit 自动为我们生成相应的动画。

之前的视图移动都是比较简单的,朝着某个方向,从一个点到另一个点。在生活中,当把一个物体附着在弹簧上时,物体的运动是一种比较复杂的弹性运动。UIView 提供了一个动画方法,其时间对应于物理弹簧的运动曲线。具体可以看下图:

timeCure.png

默认的动画曲线是比较平滑的,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.gif initalVelocity.gif

具体的使用还是需要实际写一些代码来感受。

iOS 系统中大量使用了 Spring 动画,Spring 动画不仅可以对视图的 size 等位置属性做动画,还可以应用于 UIView 的其他动画属性。

上一篇 下一篇

猜你喜欢

热点阅读