文档章节

系统API:UIView阻尼动画

sea_god
 sea_god
发布于 2016/03/03 17:10
字数 589
阅读 86
收藏 1
点赞 1
评论 0

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 7:自定义导航转场动画以及更多

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

zhangjiansong0
2014/06/10
0
0
iOS UIView动画实践(二):Spring Animation与人机交互

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

上官尘
2016/03/15
24
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
23
0
tabBar中的item的动画效果(动画缩小、动画放大)

1.在创建tabBarItem时先给每一个tabBarItem一个tag值。 2.在tabBarItem的点击方法中添加阻尼动画效果。 - (void)tabBar:(UITabBar )tabBar didSelectItem:(UITabBarItem )item { NSInteger i......

如若初见
2016/04/21
93
0
iOS动画系列之六:利用CABasic Animation完成带动画特效的登录界面

发现毫无节制的继续拓展是一件没有尽头的事情。原计划五篇完成的CAAnimation系列已经这是第六篇了,还至少有三篇才会完成。 最开始分享这个iOS Apprentice Notes的时候就是打算从基础的部分开...

非典型技术宅
2017/09/20
0
0
IOS UIView动画封装-弹簧

// // ViewController.m // UIView动画封装-弹簧 // // Created by dc008 on 15/12/22. // Copyright © 2015年 崔晓宇. All rights reserved. // #import "ViewController.h" @interface V......

温暖c
2015/12/23
18
0
【Animations】使用弹簧物理学动画运动(8)

原文 概要 基于物理的运动是由武力驱动的。春天的力量是指导互动和运动的一种力量。弹簧力具有以下特性:阻尼和刚度。在基于弹簧的动画中,值和速度是基于每个帧上应用的弹簧力来计算的。 如...

lichong951
05/28
0
0
动力学仿真动画

UIKit动⼒力学最⼤大的特点是将现实世界动⼒力驱动的动画引⼊入了UIKit, ⽐比如重⼒力,铰链连接,碰撞,悬挂等效果,即将2D物理引擎引⼊入了 UIKit • 注意:UIKit动⼒力学的引⼊入,并不是为了替...

马尔代夫的沙滩
2016/04/04
45
1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

CVE-2013-0077 堆溢出分析

找了很久才发现这个环境比较容易搭建分析... 环境: 系统---Win XP SP3 漏洞程序:QQPlayer 3.7.892.400 出错DLL:quartz.dll 6.5.2600.5512 调试工具:x32db+gflag.exe 过程: 首先gflag设置...

Explorer0
17分钟前
5
0
python上传文件

//注意 <form action="/login/" method="post" enctype="multipart/form-data"> f=request.FILES.get('fafa') ff=open(f.name,mode='wb') for i in f.chunks(): ff.write(i) ff.close()......

南桥北木
29分钟前
0
0
CISCO VPN Client Reason 442 WIN8/10错误解决方案

http://jdkleo.iteye.com/blog/2163493 引用 http://my.oschina.net/cloudcoder/blog/220391?p={{currentPage 1}} 在使用cisco VPN 客户端登录时,产生Reason 442:Failedto enable Virtual......

chenfj_fer
33分钟前
0
0
信号量有没有容量限制?

之前一直误以为信号量初始化的时候那个初始化的值是信号量的“容量”,昨天同事指出了我的错误,最初我是不相信的,经过以下代码实践,证明了我的错误: Java版: import java.util.concurr...

锟斤拷烫烫烫
36分钟前
0
0
【RocketMQ】Message存储笔记

概述 消息中间件存储分为三种,一是保存在内存中,速度快但会因为系统宕机等因素造成消息丢失;二是保存在内存中,同时定时将消息写入DB中,好处是持久化消息,如何读写DB是MQ的瓶颈;三是内...

SaintTinyBoy
48分钟前
0
0
Android应用Context详解及源码解析

Android应用Context详解及源码解析 本文定位:优质文章收集 本文转载 1 背景 今天突然想起之前在上家公司(做TV与BOX盒子)时有好几个人问过我关于Android的Context到底是啥的问题,所以就马...

lichuangnk
今天
0
0
PostgreSQL的昨天今天和明天

PostgreSQL 是一种非常复杂的对象-关系型数据库管理系统(ORDBMS), 也是目前功能最强大,特性最丰富和最复杂的自由软件数据库系统。有些特性甚至连商业数据库都不具备。 这个起源于伯克利(...

闻术苑
今天
1
0
Mysql对自增主键ID进行重新排序

1,删除原有主键: ALTER TABLE `table_name` DROP `id`; 2,添加新主键字段: ALTER TABLE `table_name` ADD `id` MEDIUMINT( 8 ) NOT NULL FIRST; 3,设置新主键: ALTER TABLE `table_nam......

niithub
今天
0
0
福利篇:免费csdn vip账号分享

分享一个发布免费csdn vip账号的网站:啰嗦vip www.lostvip.com , 各种软件开发类的视频教程:慕课网、动脑学院、黑马各大培训机构VIP视频教程,非常不错!

在水一方发盐人
今天
1
0
Nginx+Tomcat搭建高性能负载均衡集群

一、 工具   nginx-1.8.0   apache-tomcat-6.0.33 二、 目标   实现高性能负载均衡的Tomcat集群:    三、 步骤   1、首先下载Nginx,要下载稳定版:      2、然后解压两个Tom...

码代码的小司机
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部