Core Animation | 核心动画 | 转场动画 | 抖

Core Animation | 核心动画简介

核心动画位于UIKit的下一层，相比UIView动画，它可以实现更复杂的动画效果,Core Animation是一组功能强大、效果华丽的动画API，无论在iOS系统或者在你开发的App中，都会有大量的应用场景

• 核心动画位置

在UIKit框架中位置

• 核心动画表现得两张形式

显示动画/隐式动画

• 核心动画中可以直接使用的类

• CABasicAnimation (基本动画)
• CAKeyframeAnimation (关键帧动画)
• CATransition (转场动画)
• CAAnimationGroup (动画组)
• CASpringAnimation (弹簧动画)

效果演示One / 抖动

点击屏幕触发抖动效果

• 需要定义的角度宏

#define angleToRadians(angle) ((angle) / 180.0 *M_PI)

• 核心代码

- (void)ShakeDemo {
    CAKeyframeAnimation *anim = [CAKeyframeAnimation animation];
    anim.keyPath = @"transform.rotation";
    anim.values = @[@angleToRadians(-6), @angleToRadians(6)];
    anim.repeatCount = MAXFLOAT;
    //    anim.duration = 2;
    anim.autoreverses = YES;
    anim.speed = 2;
    [_imgView.layer addAnimation:anim forKey:nil];
}

说明

1. keyPath是设置动画的type,大家可以根据自己的需求设置
2. repeatCount是重复的意思，如果不设置的话需要在values中在次添加6到-6的值，否知-6到6有动画，反过来就没有动画了
3. 如果设置repeatCount属性，那么speed就是设置频率，默认是0.5
4. repeatCount是重复次数，默认我们设置最大即可

效果演示Two / 过山车动画并随机改变颜色和大小

• 效果演示

移动中并随机改变颜色和大小

• 核心代码

- (void)Demo{
    //    曲线
    UIBezierPath *path = [UIBezierPath bezierPath];
    [path moveToPoint:CGPointMake(50, 200)];
    [path addCurveToPoint:CGPointMake(300, 200) controlPoint1:CGPointMake(180, 100) controlPoint2:CGPointMake(200, 300)];
    //需要添加在layer上
    CAShapeLayer *shapeLayer = [CAShapeLayer layer];
    shapeLayer.path = path.CGPath;
    shapeLayer.fillColor = nil;
    shapeLayer.strokeColor = [UIColor redColor].CGColor;
    [self.view.layer addSublayer:shapeLayer];
    
    CALayer *colorLayer = [CALayer layer];
    colorLayer.frame = CGRectMake(0, 0, 60, 60);
    colorLayer.position = CGPointMake(50, 200);
    colorLayer.backgroundColor = [UIColor blueColor].CGColor;
    [self.view.layer addSublayer:colorLayer];
    
    //    过山车的动画
    CAKeyframeAnimation *anim = [CAKeyframeAnimation animation];
    anim.keyPath = @"position";
    anim.path = path.CGPath;
    //    anim.duration = 4.0f;
    //    anim.removedOnCompletion = NO;
    //    anim.fillMode = kCAFillModeForwards;
    //    anim.rotationMode = kCAAnimationRotateAuto;
    //    [colorLayer addAnimation:anim forKey:nil];
    //    改变大小
    CABasicAnimation *sizeAnim = [CABasicAnimation animation];
    sizeAnim.keyPath = @"transform.scale";
    sizeAnim.toValue = @.5;
    //    sizeAnim.duration = 4.0;
    //    sizeAnim.fillMode = kCAFillModeForwards;
    //    sizeAnim.removedOnCompletion = NO;
    //
    //    [colorLayer addAnimation:sizeAnim forKey:nil];
    
    //    修改颜色
    CGFloat red = arc4random() / (CGFloat)INT_MAX;
    CGFloat green = arc4random() / (CGFloat)INT_MAX;
    CGFloat blue = arc4random() / (CGFloat)INT_MAX;
    UIColor *color = [UIColor colorWithRed:red green:green blue:blue alpha:1];
    
    CABasicAnimation *colorAnim = [CABasicAnimation animation];
    colorAnim.keyPath = @"backgroundColor";
    colorAnim.toValue = (id)color.CGColor;
    //    colorAnim.duration = 4.0f;
    //    colorAnim.fillMode = kCAFillModeForwards;
    //    colorAnim.removedOnCompletion = NO;
    //    [colorLayer addAnimation:colorAnim forKey:nil];
    
    CAAnimationGroup *group = [CAAnimationGroup animation];
    group.animations = @[anim, sizeAnim, colorAnim];
    group.duration = 4.0f;
    group.fillMode = kCAFillModeForwards;
    group.removedOnCompletion = NO;
    [colorLayer addAnimation:group forKey:nil];
}

代码说明/逻辑可以使用2中方法实现

1. 不使用CAAnimationGroup动画组的形式,把屏蔽的代码打开即可
2. 使用CAAnimationGroup动画组形式，把重复的动画设置全部都到动画组中处理,即把屏蔽的代码删除即可
3. 这是核心动画几个类的综合使用,提供大家参考