从大神代码中学习CAAnimation

 首先申明，以下项目代码摘自ShareOfCoreAnimation项目中，本人只是将代码功能分类总结，方便自己和他人学习使用。
 如有问题，欢迎指正，联系QQ：1136523628

代码版权属作者所有：

一，动画结构：

---

1. NSObject
2. CAAnimation : NSObject < NSCoding, NSCopying, CAMediaTiming, CAAction>
   抽象类，包含CALayer相关的数据模型，和动画开始，结束的代理方法，时间函数
3. CAPropertyAnimation : CAAnimation
   属性动画，抽象类，通过keyPath操作CALayer 的属性，包含additive和cumulative属性
   transform.scale = 比例轉換
   transform.scale.x = 闊的比例轉換
   transform.scale.y = 高的比例轉換
   transform.rotation.z = 平面圖的旋轉
   opacity = 透明度
   margin
   zPosition
   backgroundColor 背景颜色
   cornerRadius 圆角
   borderWidth
   bounds
   contents
   contentsRect
   cornerRadius
   frame
   hidden
   mask
   masksToBounds
   opacity
   position
   shadowColor
   shadowOffset
   shadowOpacity
   shadowRadius
4. CABasicAnimation : CAPropertyAnimation
   经常使用的动画，通过fromValue,toValue,bgValue直接操作CALayer的属性z值。
5. CAKeyframeAnimation : CAPropertyAnimation
   关键帧动画，保存关键帧，路径，时间等：
      NSArray *values,
     CGPathRef path,
     NSArray *keyTimes,
     NSArray *timingFunctions,
     NSString *calculationMode,
     NSArray *tensionValues,
     NSArray *continuityValues,
     NSArray *biasValues,
     NSString *rotationMode
6. CATransition : CAAnimation
   动画事务类,fade, moveIn, push reveal的动画
7. CAAnimationGroup : CAAnimation
   动画组

---

1.基本动画

- (IBAction)caRotateAction:(id)sender
{
    CABasicAnimation *rotation = [CABasicAnimation animationWithKeyPath:@"transform.rotation"];

    rotation.fromValue = @(0); rotation.toValue = @(M_PI*2);
    rotation.duration = 1.f; rotation.repeatCount = /*INFINITY*/ 1;

    rotation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];

    // rotation.fillMode = kCAFillModeForwards;//保持动画末状态
    // rotation.removedOnCompletion = NO;

    self.demoImgView.transform = CGAffineTransformMakeRotation(M_PI*2);

    [self.demoImgView.layer addAnimation:rotation forKey:@"an_roate"];
}

- (IBAction)YRotateAction:(id)sender
{
    CABasicAnimation *TransformAnim = [CABasicAnimation animationWithKeyPath:@"transform"];
    TransformAnim.fromValue = [NSValue valueWithCATransform3D:CATransform3DIdentity];
    TransformAnim.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI, 0, 1, 0)];
    TransformAnim.cumulative = YES; TransformAnim.duration = 3; TransformAnim.repeatCount = 2;
    [self.demoImgView.layer addAnimation:TransformAnim forKey:nil];
}

2 . 关键帧动画

震动效果
- (IBAction)shakeAnimation:(id)sender
{
    CAKeyframeAnimation *animation = [CAKeyframeAnimation animation];
    animation.keyPath = @"position.x";
    animation.values = @[ @0, @10, @-10, @10, @0 ];
    animation.keyTimes = @[ @0, @(1 / 6.0), @(3 / 6.0), @(5 / 6.0), @1 ];
    animation.duration = 0.4;
    animation.additive = YES;
    [self.tracker.layer addAnimation:animation forKey:@"shake"];
}

- (IBAction)trackAnimation:(id)sender
{
    CGRect boundingRect = CGRectMake(-100, -185, 200, 200);
    CAKeyframeAnimation *orbit = [CAKeyframeAnimation animation];
    orbit.keyPath = @"position";
    orbit.path = CFAutorelease(CGPathCreateWithEllipseInRect(boundingRect, NULL));
    orbit.duration = 4;
    orbit.additive = YES;
    orbit.repeatCount = HUGE_VALF;
    orbit.calculationMode = kCAAnimationPaced;
    orbit.rotationMode = /*kCAAnimationRotateAuto*/ nil;
    [self.tracker.layer addAnimation:orbit forKey:@"ani-track"];
}

3 . 塞贝尔曲线

 1. (void)setupAnimationLayer
{
    [self.animationLayer removeFromSuperlayer]; self.animationLayer = nil;

    CGPoint bottomLeft  = CGPointMake(35.f, 400.f);
    CGPoint topLeft     = CGPointMake(35.f, 200.f);
    CGPoint bottomRight = CGPointMake(285.f, 400.f);
    CGPoint topRight    = CGPointMake(285.f, 200.f);
    CGPoint roofTip     = CGPointMake(160.f, 100.f);

    UIBezierPath *path = [UIBezierPath bezierPath];
    [path moveToPoint:bottomLeft];
    [path addLineToPoint:topLeft];
    [path addLineToPoint:roofTip];
    [path addLineToPoint:topRight];
    [path addLineToPoint:topLeft];
    [path addLineToPoint:bottomRight];
    [path addLineToPoint:topRight];
    [path addLineToPoint:bottomLeft];
    [path addLineToPoint:bottomRight];

    CAShapeLayer *pathLayer = [CAShapeLayer layer];
    pathLayer.frame = CGRectMake(35, 100, 250, 200);
    pathLayer.bounds = CGRectMake(35, 100, 250, 200);
    pathLayer.path = path.CGPath;
    pathLayer.strokeColor = [[UIColor blackColor] CGColor];
    pathLayer.fillColor = nil;
    pathLayer.lineWidth = 6.f;
    pathLayer.lineJoin = kCALineJoinRound;

    [self.view.layer addSublayer:pathLayer];
    [self setAnimationLayer:pathLayer];
}

 2. (IBAction)startAnimation:(id)sender
{
    [self setupAnimationLayer];
    [self.animationLayer removeAllAnimations];

    CABasicAnimation *pathAnimation = [CABasicAnimation animationWithKeyPath:@"strokeEnd"];
    pathAnimation.duration = 10.0;
    pathAnimation.fromValue = @(0);
    pathAnimation.toValue = @(1);
    [self.animationLayer addAnimation:pathAnimation forKey:@"strokeEnd"];
}

4 .CAShapeLayer

- (IBAction)shapeLayerDisplay:(id)sender
{
    UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(70, 70)                                            radius:50.f                                            startAngle:0                                         endAngle:2*M_PI                                       clockwise:YES];
    CAShapeLayer *shape = [CAShapeLayer layer];
    shape.path = path.CGPath;

    self.demoImgView.layer.mask = shape;
}