文档章节

系统API:UIView阻尼动画

sea_god
 sea_god
发布于 2016/03/03 17:10
字数 589
阅读 90
收藏 1

Spring Animation 是一种特殊的动画曲线,自从 iOS 7 开始被广泛应用在系统动画中。

下图中演示的系统自带的动画效果,都使用了 Spring Animation:

0-example-2  0-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 前期速度增加得更快,在动画时间一定的前提下,给人感觉更加快速、干净。

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 和一般动画相比多了两个参数,分别是usingSpringWithDampinginitialSpringVelocity

usingSpringWithDamping 参数

usingSpringWithDamping的范围为0.0f1.0f,数值越小「弹簧」的振动效果越明显。下图演示了在initialSpringVelocity0.0f的情况下,usingSpringWithDamping分别取0.2f0.5f1.0f的情况。

spring-2

initialSpringVelocity 参数

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

spring-3

使用

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


本文转载自:https://www.renfei.org/blog/ios-8-spring-animation.html

共有 人打赏支持
sea_god
粉丝 5
博文 24
码字总数 1938
作品 0
海淀
程序员
私信 提问
iOS UIView动画实践(二):Spring Animation与人机交互

前言 通过上一篇文章,大家应该学会了如何使用'UIKit'创建最基本的视图动画,包括如何指定视图某属性的起始值和结束值,以及动画持续时间、动画延迟时间、动画选项等概念。 但是目前大家实现...

上官尘
2016/03/15
24
0
iOS 7:自定义导航转场动画以及更多

在iOS7以前,开发者如果希望定制导航控制器推入推出视图时的转场动画,一般都只能通过子类化UINavigationController或者自己编写动画代码去覆盖相应的方法,现在iOS7为开发者带来了福音,苹果...

zhangjiansong0
2014/06/10
0
0
UIView Animations 学习笔记(一)简介及API说明

目录 UIView Animations 学习笔记(一)简介及API说明 UIView Animation 学习笔记 应用示例 一、简介 随着iOS7的发布,动画与运动效果变成了Apple和第三方开发者进行app设计的中心。iOS7介绍...

灰大羊
2015/08/01
0
0
iOS动画开发之一——UIViewAnimation动画的使用

iOS动画开发之一——UIViewAnimation动画的使用 一、简介 一款APP的成功与否,除了完善的功能外,用户体验也占有极大的比重,动画的合理运用,可以很好的增强用户体验。iOS开发中,常用的动画...

珲少
2015/07/27
0
1
【Swift】UIView动画

一、哪些属性可参与动画? 1、Position 位置 2、Opacity 透明度 3、Scale 比例 4、Color 颜色 二、怎样动? 1、Rotation 旋转 2、Repeat 重复的 3、Easing 轻缓的 4、spring 弹跳 三、上代码...

魔笛GNR
2016/05/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

防止Tweak

什么是tweak? 英文意思为捏, 拧,扭,稍稍调整(机器、系统等)。 依据维基百科的定义,tweak指的是对电子系统进行轻微调整来增强其功能的工具;在ios中tweak特指那些能够增强其它可执行程...

HeroHY
23分钟前
1
0
linux中常用标识---不定期更新

LINUX常用标识符: 1 & && | || &: 表示进程在后台运行 例如 redis-server & 不是所有后台运行都是& 比如es ./bin/elasticsearch -d es后台运行&&: 第一个命令执行成功后 才执行后面的命令...

geek土拨鼠
今天
1
0
Mybatis 中$与#的区别,预防SQL注入

一直没注意Mybatis 中$与#的区别,当然也是更习惯使用#,没想到避免了SQL注入,但是由于要处理项目中安全渗透的问题,不可避免的又遇到了这个问题,特此记录一下。 首先是共同点: 在mybatis...

大雁南飞了
今天
0
0
Spring Clould负载均衡重要组件:Ribbon中重要类的用法

Ribbon是Spring Cloud Netflix全家桶中负责负载均衡的组件,它是一组类库的集合。通过Ribbon,程序员能在不涉及到具体实现细节的基础上“透明”地用到负载均衡,而不必在项目里过多地编写实现...

Ala6
今天
0
0
让 linux 删除能够进入回收站

可以参考这个贴子 https://blog.csdn.net/F8qG7f9YD02Pe/article/details/79543316 从那个git地址 把saferm.sh下载下来 把saferm.sh复制到 /usr/bin 目录下 在用~/目下 的.bashrc 下加一句这...

shzwork
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部