iOS 动画之弹性 Spring

在之前的视图属性动画文章中,首先是提供视图的一个初始状态,然后在动画块中更改视图的一些属性,使其变为我们想要的终极状态,并且提供动画时长等其他一些参数,最后 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:阻尼系数,范围为 0.0 ~ 1.0,数值越小,弹簧振动的越厉害,Spring 的效果越明显,效果对比可以看下图:
dampingRatio.gif
  • velocity:表示速度,数值越大移动的越快。值为 1.0 时,这个速度为 1 秒钟之内走完整个动画距离的速度。更大或更小的值会让 view 刚到达终点时的速度更大或更小。上图更直接:
initalVelocity.gif

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,948评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,368评论 25 708
  • 动画的继承结构 CAAnimation{CAPropertyAnimation{CABasicAnimation{...
    早起的虫儿子被鸟吃阅读 907评论 0 1
  • 西贝卖的是莜面吗? No No No 贾总卖的是一种生活方式,背后是绿色、健康…… 大董卖的是烤鸭吗? No No...
    恢恢_小慧阅读 300评论 0 0
  • 是时候做个决定了 在一段关系里,若是只能感受到痛苦,只能,那这关系就应该断掉了。 这么长时间以来,我以为我们有进步...
    小倩和Flora阅读 203评论 0 0