ios 核心动画

iOS 核心动画

 

CAAnimation：核心动画的基础类，不能直接使用，负责动画运行时间、速度的控制，本身实现了CAMediaTiming协议。

CAPropertyAnimation：属性动画的基类（通过属性进行动画设置，注意是可动画属性），不能直接使用。

CAAnimationGroup：动画组，动画组是一种组合模式设计，可以通过动画组来进行所有动画行为的统一控制，组中所有动画效果可以并发执行。

CATransition：转场动画，主要通过滤镜进行动画效果设置。

CABasicAnimation：基础动画，通过属性修改进行动画参数控制，只有初始状态和结束状态。

CAKeyframeAnimation：关键帧动画，同样是通过属性进行动画参数控制，但是同基础动画不同的是它可以有多个状态控制。

基础动画、关键帧动画都属于属性动画，就是通过修改属性值产生动画效果，开发人员只需要设置初始值和结束值，中间的过程动画（又叫“补间动画”）由系统自动计算产生。和基础动画不同的是关键帧动画可以设置多个属性值，每两个属性中间的补间动画由系统自动完成，因此从这个角度而言基础动画又可以看成是有两个关键帧的关键帧动画。

 

 

CAAnimation——简介

是所有动画对象的父类，负责控制动画的持续时间和速度，是个抽象类，不能直接使用，应该使用它具体的子类

属性说明：(红色代表来自CAMediaTiming协议的属性)

duration：动画的持续时间

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

repeatDuration：重复时间

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

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

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

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

delegate：动画代理

 

CAAnimation——动画填充模式

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

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

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

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

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

 

CAAnimation——速度控制函数

速度控制函数(CAMediaTimingFunction) 

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

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

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

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

 

CAPropertyAnimation

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

CABasicAnimation

CAKeyframeAnimation

 

CABasicAnimation——基本动画

基本动画，是CAPropertyAnimation的子类

属性说明:

fromValue：keyPath相应属性的初始值

toValue：keyPath相应属性的结束值

 

动画过程说明：

随着动画的进行，在长度为duration的持续时间内，keyPath相应属性的值从fromValue渐渐地变为toValue

keyPath内容是CALayer的可动画Animatable属性

 

如果fillMode=kCAFillModeForwards同时removedOnComletion=NO，那么在动画执行完毕后，图层会保持显示动画执行后的状态。但在实质上，图层的属性值还是动画执行前的初始值，并没有真正被改变。

 

属性说明：

keyPath：通过指定CALayer的一个属性名称为keyPath（NSString类型），并且对CALayer的这个属性的值进行修改，达到相应的动画效果。比如，指定@“position”为keyPath，就修改CALayer的position属性的值，以达到平移的动画效果

 

//旋转动画

{

    CABasicAnimation *fullRotation = [CABasicAnimation animationWithKeyPath:@"transform.rotation"];
    [fullRotation setFromValue:@0.0F];
    [fullRotation setToValue:@((float) ((2 * M_PI)))];
    fullRotation.speed = 5.0f;
    fullRotation.duration = 5.5;
    fullRotation.repeatCount = 1;
    fullRotation.repeatCount = HUGE_VALF;
    [self.layer addAnimation:fullRotation forKey:@"transform.rotation"];


    CABasicAnimation* rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
    rotationAnimation.toValue = [NSNumber numberWithFloat: -1 * M_PI * 2.0 /* full rotation*/ * rotations * duration ];
    rotationAnimation.duration = duration;
    rotationAnimation.cumulative = NO;
    rotationAnimation.repeatCount = repeat;
    [view.layer addAnimation:rotationAnimation forKey:@"rotationAnimation”];

}

 

 

#pragma mark 缩放动画

- (void)scaleAnimation
{
    // 1. 实例化基本动画
    CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"transform.scale"];

    // 2. 设置动画属性

    // fromValue & toValue

    [anim setFromValue:@(1.0)];

    // 从当前大小缩小到一半，然后恢复初始大小

    [anim setToValue:@(0.5)];

    // 自动翻转动画

    [anim setAutoreverses:YES];

    // 动画时长

    [anim setDuration:0.5f];

    // 3. 将动画添加到图层

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

}

 

 

 - (void)scalse
{

 // 创建动画对象

    CABasicAnimation *anim = [CABasicAnimation animation];
    
    // 设置动画的属性

    anim.keyPath = @"transform.scale";

    // 设置属性改变的值

    anim.toValue = @0.5;

    // 设置动画时长

    anim.duration = 0.25;

    // 取消反弹

    // 动画执行完毕之后不要把动画移除

    anim.removedOnCompletion = NO;

        // 保持最新的位置

    anim.fillMode = kCAFillModeForwards;

    // 重复动画的次数

    anim.repeatCount = MAXFLOAT;

    // 给图层添加了动画

    [_layer addAnimation:anim forKey:nil];

}

 

 

-(void)Move

{

// 说明这个动画对象要对CALayer的position属性执行动画

CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"position"];

// 动画持续1.5s

anim.duration = 1.5; 

// position属性值从(50, 80)渐变到(300, 350)

anim.fromValue = [NSValue valueWithCGPoint:CGPointMake(50, 80)];

anim.toValue = [NSValue valueWithCGPoint:CGPointMake(300, 350)];

// 设置动画的代理

anim.delegate = self;

// 保持动画执行后的状态

anim.removedOnCompletion = NO;

anim.fillMode = kCAFillModeForwards;

// 添加动画对象到图层上

[_myView.layer addAnimation:anim forKey:@"translate"];

}

 

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 

    CAKeyframeAnimation *anim = [CAKeyframeAnimation animation]; 
   // 设置动画属性

    anim.keyPath = @"position";

    NSValue *v1 = [NSValue valueWithCGPoint:CGPointZero];

    NSValue *v2 = [NSValue valueWithCGPoint:CGPointMake(160, 160)];

    NSValue *v3 = [NSValue valueWithCGPoint:CGPointMake(270, 0)];

    anim.values = @[v1,v2,v3];

    anim.duration = 2;

    [_redView.layer addAnimation:anim forKey:nil];

 

 

CAAnimationGroup——动画组

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

 

属性说明：

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

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

 

转场动画——CATransition