• iOS 8 Spring Animation


    Spring Animation 简介

    Spring Animation 本质上是一种特殊的动画曲线,自从 iOS 7 开始被广泛应用在系统动画中。下图中演示的自带的动画效果实际上都使用了 Spring Animation:

    0-example-20-example-1

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

    cmp

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

    spring-1

    可以看到,和系统自带的 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 的情况。 

    spring-2

    initial velocity

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

    spring-3

    使用

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

  • 相关阅读:
    电赛小结
    markdown小结
    一元运算符重载
    二维数组作为函数参数传递剖析(转载)
    C语言内存(转载)
    Effective C++ chapter1:Accustiming Yourself to C++
    C++ 模板
    const
    命令行参数
    AStar算法
  • 原文地址:https://www.cnblogs.com/iOSJason/p/4212928.html
Copyright © 2020-2023  润新知