核心动画Core Animation(一)

一、简述

Core Animation是直接作用在CALayer上的(并非UIView上)非常强大的跨Mac OS X和iOS平台的动画处理API,Core Animation的动画执行过程都是在后台操作的,不会阻塞主线程。

二、核心动画常识
列举处核心动画的一些常识知识。
核心动画的本质:在后台移动图层中的内容,  执行完毕后图层本身的位置并没有发生变化。
如果是Xcode6之前的版本,要导入<QuartzCore/QuartzCore.h>框架,iOS7+不需要。
Core Animation的动画执行过程都是在后台操作的,不会阻塞主线程。
所有的UI操作都是在主线程进行,后台指的是其他线程.
所有动画对象的父类,负责控制动画的持续时间和速度,是个抽象类,不能直接使用,应该使用它具体的子类
Core Animation是直接作用在CALayer上的,并非UIView。
默认动画时长是0.25秒。通过 duration 属性自定义时长(单位:秒  )
当把动画对象添加到 CALayer 中后, 立刻启动动画
动画执行完毕以后, 又回到的原来的位置。
解决1:当动画执行完毕以后再设置位置为最终的位置。
解决2:动画执行完毕后设置 fillMode
三、核心动画结构解析和属性解析。  
根据继承结构,可以查看Xcode为我们准备的关于Core Animation的SDK文件,可以得到一些属性和方法。
属性解析:(红色代表来自CAMediaTiming协议的属性)
◆duration:动画的持续时间
◆repeatCount:动画的重复次数(重复次数,无限循环可以设置HUGE_VALF或者MAXFLOAT)。
◆repeatDuration:动画的重复时间
◆removedOnCompletion:默认为YES,代表动画执行完毕后就从图层上移除,图形会恢复到动画执行前的状态。如果想让图层保持显示动画执行后的状态,那就设置为NO,不过还要设置fillMode为kCAFillModeForwards。
◆fillMode:决定当前对象在非active时间段的行为.比如动画开始之前,动画结束之后
  kCAFillModeRemoved这个是默认值,也就是说当动画开始前和动画结束后,动画对layer都没有影响,动画结束后,layer会恢复到之前的状态
  kCAFillModeforwards当动画结束后,layer会一直保持着动画最后的状态
  kCAFillModeBackwards 在动画开始前,只需要将动画加入了一个layer,layer便立即进入动画的初始状态并等待动画开始。
  kCAFillModeBoth 这个其实就是上面两个的合成.动画加入后开始之前,layer便处于动画初始状态,动画结束后layer保持动画最后的状态
CAMediaTimingFunction:速度控制函数
   kCAMediaTimingFunctionLinear(线性):匀速,给你一个相对静态的感觉
  kCAMediaTimingFunctionEaseIn(渐进):动画缓慢进入,然后加速离开
  kCAMediaTimingFunctionEaseOut(渐出):动画全速进入,然后减速的到达目的地
kCAMediaTimingFunctionEaseInEaseOut(渐进渐出):动画缓慢的进入,中间加速,然后减速的到达目的地。这个是默认的动画行为。
◆beginTime:可以用来设置动画延迟执行时间,若想延迟2s,就设置为CACurrentMediaTime()+2,CACurrentMediaTime()为图层的当前时间
◆timingFunction:速度控制函数,控制动画运行的节奏
◆delegate:动画代理(可以通过代理方法在动画执行的前后执行其他操作)
 //CAAnimation代理方法
- (void)animationDidStart:(CAAnimation *)anim;- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag;

CAPropertyAnimation

■是CAAnimation的子类,也是个抽象类,要想创建动画对象,应该使用它的两个子类:CABasicAnimation和CAKeyframeAnimation
■属性解析:
◆keyPath:通过指定CALayer的一个属性名称为keyPath(NSString类型),并且对CALayer的这个属性的值进行修改,达到相应的动画效果。比如,指定@”position”为keyPath,就修改CALayer的position属性的值,以达到平移的动画效果。常用的keyPath有position,transform.scale,transform.rotation.
CABasicAnimation 基本动画
■是CApropertyAnimation的子类,
■属性解析:
◆fromValue:keyPath相应属性的初始值
◆toValue:keyPath相应属性的结束值
■随着动画的进行,在长度为duration的持续时间内,keyPath相应属性的值从fromValue渐渐地变为toValue
■如果fillMode=kCAFillModeForwards和removedOnComletion=NO,那么在动画执行完毕后,图层会保持显示动画执行后的状态。但在实质上,图层的属性值还是动画执行前的初始值,并没有真正被改变。比如,CALayer的position初始值为(0,0),CABasicAnimation的fromValue为(10,10),toValue为(100,100),虽然动画执行完毕后图层保持在(100,100)这个位置,实质上图层的position还是为(0,0)
CAKeyframeAnimation  关键帧动画
■CApropertyAnimation的子类,跟CABasicAnimation的区别是:CABasicAnimation只能从一个数值(fromValue)变到另一个数值(toValue),而CAKeyframeAnimation会使用一个NSArray保存这些数值,通过数组实现动画效果。
■属性解析:
◆values:就是上述的NSArray对象。里面的元素称为”关键帧”(keyframe)。动画对象会在指定的时间(duration)内,依次显示values数组中的每一个关键帧
◆path:可以设置一个CGPathRef\CGMutablePathRef,让层跟着路径移动。path只对CALayer的anchorPoint和position起作用。如果你设置了path,那么values将被忽略
◆keyTimes:可以为对应的关键帧指定对应的时间点,其取值范围为0到1.0,keyTimes中的每一个时间值都对应values中的每一帧.当keyTimes没有设置的时候,各个关键帧的时间是平分的
■CABasicAnimation可看做是最多只有2个关键帧的CAKeyframeAnimation

CAAnimationGroup  动画组

■CAAnimation的子类,可以保存一组动画对象,将CAAnimationGroup对象加入层后,组中所有动画对象可以同时并发运行
■属性解析:
◆animations:用来保存一组动画对象的数组。
■默认情况下,一组动画对象是同时运行的,也可以通过设置动画对象的beginTime属性来更改动画的开始时间 

CATransition  转场动画

■CAAnimation的子类,用于做转场动画,能够为层提供移出屏幕和移入屏幕的动画效果。iOS比Mac OS X的转场动画效果少一点
■UINavigationController就是通过CATransition实现了将控制器的视图推入屏幕的动画效果
■属性解析:
◆type:动画过渡类型 ,转场动画的类型(NSString *type)

fade : 交叉淡化过渡

push : 新视图把旧视图推出去

moveIn: 新视图移到旧视图上面

reveal: 将旧视图移开,显示下面的新视图

cube : 立方体翻滚效果

oglFlip : 上下左右翻转效果

suckEffect : 收缩效果,如一块布被抽走

rippleEffect: 水滴效果

pageCurl : 向上翻页效果

pageUnCurl : 向下翻页效果

cameraIrisHollowOpen : 相机镜头打开效果

cameraIrisHollowClos : 相机镜头关闭效果

转场动画的方向(NSString *subtype)

从某个方向开始:fromLeftfromRightfromTop ,fromBottom

◆subtype:动画过渡方向
◆startProgress:动画起点(在整体动画的百分比)
◆endProgress:动画终点(在整体动画的百分比)

转载于:https://www.cnblogs.com/xiejw/p/5204063.html

iOS核心动画Core Animation(一)相关推荐

  1. iOS 核心动画 Core Animation浅谈

    代码地址如下: http://www.demodashi.com/demo/11603.html 前记 关于实现一个iOS动画,如果简单的,我们可以直接调用UIView的代码块来实现,虽然使用UIVi ...

  2. 核心动画——Core Animation

    一. CALayer (一). CALayer简介 在iOS中,你能看得见摸得着的东西基本上都是UIView,比如一个按钮.一个文本标签.一个文本输入框.一个图标等等,这些都是UIView,其实UIV ...

  3. iOS核心动画 Core Animation2-CABasicAnimation

    Core Animation2-CABasicAnimation 本文目录 一.平移动画 二.缩放动画 三.旋转动画 四.其他 CABasicAnimation是CAPropertyAnimation ...

  4. iOS开发系列--让你的应用“动”起来--超详细的ios核心动画介绍

    概览 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌.在这里你可以看到iOS中如何使用图层精简非交互式绘图,如何通过核心动画创建基础动画.关键帧动画 ...

  5. iOS核心动画学习整理

    最近利用业余时间终于把iOS核心动画高级技巧(https://zsisme.gitbooks.io/ios-/content/chapter1/the-layer-tree.html)看完,对应其中一 ...

  6. iOS核心动画详解swift版----基础动画

    2019独角兽企业重金招聘Python工程师标准>>> iOS核心动画详解swift版---基础动画 创建工程,添加2个ViewController,通过rootViewContro ...

  7. iOS核心动画高级技术(十二) 性能调优

    Code should run as fast as necessary, but no faster. 代码应该运行的尽量快,而不是更快 - 理查德 在第一和第二部分,我们了解了Core Anima ...

  8. iOS核心动画之CoreAnimation

    本文目录 一.Core Animation简介 二.Core Animation的使用步骤 三.CAAnimation 四.CAPropertyAnimation 回到顶部 一.Core Animat ...

  9. iOS核心动画以及UIView动画的介绍

    我们看到很多App带有绚丽狂拽的特效,别出心裁的控件设计,很大程度上提高了用户体验,在增加了实用性的同时,也赋予了app无限的生命力.这些华丽的效果很多都是基于iOS的核心动画原理实现的,本文介绍一些 ...

最新文章

  1. 淘宝分布式调度框架TBSchedule
  2. 搭建第一个SpringBoot工程;SpringBoot整合mybatis;SpringBoot整合Redis-cluster集群;SpringBoot整合EhCache;
  3. shell 调用 sqlplus 各种情况示例
  4. 扩展Spring Batch –步骤分区
  5. mysql中max_allowed_packet参数的配置方法(避免大数据写入或者更新失败)
  6. 优麒麟Ubuntu18.04.5安装各种问题
  7. cuda_error_launch_failed: unspecified launch failure
  8. MATLAB中基于GUI的噪声抑制imnoise,medfilt2命令
  9. 一些常用的物理特殊符号的读法
  10. 项目人力资源管理之编制项目人力资源管理计划
  11. 真是绝了,做了这么多年程序员第一次搞懂微服务架构的数据一致性
  12. 修改订单金额!?0.01 元购买 iPhoneX?| Web谈逻辑漏洞
  13. [数据结构]——浅谈红黑树原理与简易实现
  14. 【Python实战】数据预处理(数据清理、集成、变换、归约)
  15. windows10上安装mysql(详细步骤)
  16. 使用apache log解决高并发下log4j引起大量线程block问题
  17. 尚学堂-肖斌-100集hadoop视频教程
  18. subversion与TortoiseSVN的安装与使用
  19. 2022新5G时代投资区块链系统+已修复版
  20. 《MATLAB数学建模方法与实践(第3版)》第2章学习笔记

热门文章

  1. GRE over IPSec 隧道配置案例
  2. SQLi Labs Less-1 联合注入+报错注入
  3. Linux时间子系统(十六) clockevent
  4. 【11】 Express安装入门与模版引擎ejs
  5. 程序员面试强行用代码画画被骂,20分钟后面试官闭嘴了
  6. 使用Castle做类的增强
  7. 以某种结构遍历添加的基础类
  8. android开发EditText输入时弹出数字输入键盘
  9. windows+caffe(二)——图片转换为levedb格式
  10. 《Look at Boundary: A Boundary-Aware Face Alignment Algorithm 》阅读笔记