iOS核心动画Core Animation

Posted 2020-06-14

核心动画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）

从某个方向开始：fromLeft, fromRight, fromTop ,fromBottom

◆subtype：动画过渡方向

◆startProgress：动画起点(在整体动画的百分比)

◆endProgress：动画终点(在整体动画的百分比)