CoreAnimation详解

CoreAnimation即是我们常说的核心动画。它是一组非常强大的动画处理API，使用它可以做出非常绚丽的动画效果

• Core Animation可以用在Mac OS X和 iOS平台

• Core Animation的动画执行过程都是在后台操作的，不会阻塞主线程

• Core Animation直接作用在CALayer上，并非UIView

1.CAAnimation

• 所有动画对象的父类

• 负责控制动画的持续时间和速度等

• 是抽象类，不能直接使用

• 属性说明：

duration：动画的持续时间

repeatCount：重复次数，无限循环可以设置HUGE_VALF或者MAXFLOAT

repeatDuration：重复时间

removedOnCompletion：默认为YES，代表动画执行完毕后就从图层上移除，图形会恢复到动画执行前的状态。如果想让图层保持显示动画执行后的状态，那就设置为NO，不过还要设置fillMode为kCAFillModeForwards

fillMode：决定当前对象在非active时间段的行为。比如动画开始之前或者动画结束之后

beginTime：可以用来设置动画延迟执行时间，若想延迟2s，就设置为CACurrentMediaTime()+2，CACurrentMediaTime()为图层的当前时间

timingFunction：速度控制函数，控制动画运行的节奏

delegate：动画代理

fillMode属性值（要想fillMode有效，最好设置removedOnCompletion = NO）

kCAFillModeRemoved 这个是默认值，也就是说当动画开始前和动画结束后，动画对layer都没有影响，动画结束后，layer会恢复到之前的状态

kCAFillModeForwards 当动画结束后，layer会一直保持着动画最后的状态

kCAFillModeBackwards 在动画开始前，只需要将动画加入了一个layer，layer便立即进入动画的初始状态并等待动画开始。

kCAFillModeBoth 这个其实就是上面两个的合成.动画加入后开始之前，layer便处于动画初始状态，动画结束后layer保持动画最后的状态

速度控制函数(CAMediaTimingFunction)

kCAMediaTimingFunctionLinear（线性）：匀速，给你一个相对静态的感觉

kCAMediaTimingFunctionEaseIn（渐进）：动画缓慢进入，然后加速离开

kCAMediaTimingFunctionEaseOut（渐出）：动画全速进入，然后减速的到达目的地

kCAMediaTimingFunctionEaseInEaseOut（渐进渐出）：动画缓慢的进入，中间加速，然后减速的到达目的地。这个是默认的动画行为。

• CAAnimation在分类中定义了代理方法

@interface NSObject (CAAnimationDelegate)

- (void)animationDidStart:(CAAnimation *)anim;

- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag;

@end

2.CAPropertyAnimation是CAAnimation的子类, 也是抽象类，要想创建动画对象，应该使用它的两个子类：CABasicAnimation，CAKeyframeAnimation

2.1.CABasicAnimation:

• 如果fillMode=kCAFillModeForwards同时removedOnComletion=NO，那么在动画执行完毕后，图层会保持显示动画执行后的状态。但在实质上，图层的属性值还是动画执行前的初始值，并没有真正被改变。
• CABasicAnimation只能从一个数值变到另一个数值，注意是一个！
• 属性说明:

fromValue：keyPath相应属性的初始值

toValue：keyPath相应属性的结束值

• 示例代码：

//1.创建动画对象(设置layer的属性值.)

CABasicAnimation *anim = [CABasicAnimation animation];

//2.设置属性值

anim.keyPath = @"position.x";

anim.toValue = @300;

//动画完成时, 会自动删除动画

anim.removedOnCompletion = NO;

anim.fillMode = @"forwards";

//3.添加动画

[self.redView.layer addAnimation:anim forKey:nil];

2.2.CAKeyframeAnimation

• 可以设置动画的多个关键帧，用数组保存

• 属性说明：

values：NSArray。里面的元素称为“关键帧”(keyframe)。动画对象会在指定的时间（duration）内，依次显示values数组中的每一个关键帧

path：可以设置一个CGPathRef、CGMutablePathRef，让图层按照路径轨迹移动。path只对CALayer的anchorPoint和position起作用。如果设置了path，那么values将被忽略

keyTimes：可以为对应的关键帧指定对应的时间点，其取值范围为0到1.0，keyTimes中的每一个时间值都对应values中的每一帧。如果没有设置keyTimes，各个关键帧的时间是平分的

• 代码示例：

//图标抖动

- (void)icon {

//1.创建动画对象

CAKeyframeAnimation *anim = [CAKeyframeAnimation animation];

//2.设置属性值

anim.keyPath = @"transform.rotation";

anim.values = @[@(angle2Rad(-3)),@(angle2Rad(3)),@(angle2Rad(-3))];

//3.设置动画执行次数

anim.repeatCount =  MAXFLOAT;

anim.duration = 0.5;

[self.imageV.layer addAnimation:anim forKey:nil];

}

2.3.CAAnimationGroup

• CAAnimation的子类，用来保存一组动画对象，将CAAnimationGroup对象加入层后，组中所有动画对象可以同时并发运行

• 默认情况下，一组动画对象是同时运行的，也可以通过设置动画对象的beginTime属性来更改动画的开始时间

• 属性说明：

animations：用来保存一组动画对象的NSArray

• 代码示例：

CABasicAnimation *anim = [CABasicAnimation animation];

anim.keyPath = @"position.y";

anim.toValue = @400;

CABasicAnimation *anim2 = [CABasicAnimation animation];

anim2.keyPath = @"transform.scale";

anim2.toValue = @0.5;

CAAnimationGroup *group = [CAAnimationGroup animation];

//会自动执行animations数组当中所有的动画对象

group.animations = @[anim,anim2];

group.removedOnCompletion = NO;

group.fillMode = kCAFillModeForwards;

[self.redView.layer addAnimation:group forKey:nil];

2.4.CATransition

• CAAnimation的子类，用于转场动画，能够为层提供移出屏幕和移入屏幕的动画效果

• UINavigationController就是通过CATransition实现了将控制器的视图推入屏幕的动画效果

• 属性说明

type：动画过渡类型

subtype：动画过渡方向

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

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

• 代码示例：

    //转场代码与转场动画必须得在同一个方法当中.
    //转场代码
    _i++;
    if (_i == 4) {
        _i = 1;
    }
    NSString *imageName = [NSString stringWithFormat:@"%d",_i];
    self.imageV.image = [UIImage imageNamed:imageName];
    //添加转场动画
    CATransition *anim = [CATransition animation];
    anim.duration  = 1;
    //设置转场的类型
    anim.type = @"pageCurl";
    //设置动画的起始位置
    anim.startProgress = 0.3;
    //设置动画的结束位置
    anim.endProgress = 0.5;

    [self.imageV.layer addAnimation:anim forKey:nil];

• 另一种实现方法

    [UIView transitionWithView:self.imageV duration:0.5 options:UIViewAnimationOptionTransitionCurlUp animations:^{
        //转场 代码
        _i++;
        if (_i == 4) {
            _i = 1;
        }
        
        NSString *imageName = [NSString stringWithFormat:@"%d",_i];
        self.imageV.image = [UIImage imageNamed:imageName];
    } completion:^(BOOL finished) {
    }];

UIView动画与核心动画区别：

1.核心动画只作用在layer

2.核心动画看到的都是假像,它并没有去修改UIView的真实位置

核心动画使用场景:

1.不需与用户进行交互时

2.要根据路径做动画时

3.做转场动画时 (核心动画转场类型比较多)