CoreAnimation框架时基于OpenGL与CoreGraphics图像处理框架的一个跨平台的动画框架.简单来说,它帮组我们将图像读取成位图,通过硬件处理,实现动画效果.
在CoreAnimation中,大部分动画都是通过Layer层来实现的，通过CALayer，我们可以组织复杂的层级结构。
在CoreAnimation中，大多数的动画效果是添加在图层属性的变化上的。例如改变图层的位置、大小、颜色、圆角半径等等。Layer层并不决定视图的展现，它只是存储了视图的几何属性状态。
1、Layer的锚点
锚点决定了图层的绘制位置以及在动画展示时其参照的点 ，锚点的取值范围为0~1，锚点有两个地方在应用中会有很大点影响。
1.1、Layer层的position参照点始终和锚点重合
通过position决定了Layer所在的位置，在Layer中，虽然也有frame这样的属性，但我们很少用，一般我们会使用bounds和position确定Layer层的大小和位置。
1.2、锚点决定进行动作的参照点
例如一个选择动作，锚点决定了层旋转的中心点，对于放大或缩小动作，锚点决定了放大或缩小参照的中心点。
image.png
上面两个矩形的frame和bounds都是一样的，第一个矩形的锚点位置为（0.5，0.5），第二个为（0，0），因此两个矩形的position点是不一样的，第一个是（100，100），第二个是（40，60）。锚点对视图动作的影响如下图：
image.png
锚点的不同直接影响了动作产生的参照点。通过CALayer的如下属性，我们可以设置锚点。注意x，y的取值范围都是0~1，代表所占宽度和高度的比例：
@property CGPoint anchorPoint;
2、深入理解CALayer
在每个UIView的对象中都有一个Layer属性，来负责View中有关图形绘制的相关操作。
2.1、CAGradientLayer
CAGradientLayer是用于色彩梯度展示的Layer图层，我们可以通过它很轻松的创建出有过度效果的色彩图。
- (void)creatGradientLayer {
CAGradientLayer *layer = [CAGradientLayer layer];
//颜色数组，设置我们需要的过渡颜色，必须是CGColor对象
layer.colors = @[(id)UIColor.redColor.CGColor,(id)UIColor.blueColor.CGColor,(id)UIColor.yellowColor.CGColor,(id)UIColor.greenColor.CGColor];
//过渡颜色过渡的位置
layer.locations = @[@0.1,@0.5,@0.8,@1];
layer.bounds = CGRectMake(0, 0, 200, 200);
layer.position = CGPointMake(200, 300);
//渲染颜色的起点和终点，取值为0~1，默认起点为（0.5，0），终点为（0.5，1），颜色的过渡范围就是沿y轴从上向下
layer.startPoint = CGPointMake(0, 0);
layer.endPoint = CGPointMake(1, 1);
[self.view.layer addSublayer:layer];
}
效果图如下：
image.png
2.2、CAReplocatorLayer
CAReplocatorLayer是拷贝视图容器，我们可以通过它对其中的子Layer进行拷贝，并进行一些差异化处理。
- (void)creatCAReplocatorLayer {
// 1.创建一个复制图层对象，设置复制层的属性
CAReplicatorLayer *replicatorLayer = [CAReplicatorLayer layer];
// 1.1.设置复制图层中子层总数：这里包含原始层
replicatorLayer.instanceCount = 8;
// 1.2.设置复制子层偏移量，不包含原始层，这里是相对于原始层的x轴的偏移量
replicatorLayer.instanceTransform = CATransform3DMakeTranslation(45, 0, 0);
// 1.3.设置复制层的动画延迟事件
replicatorLayer.instanceDelay = 0.1;
// 1.4.设置复制层的背景色，如果原始层设置了背景色，这里设置就失去效果
replicatorLayer.instanceColor = [UIColor greenColor].CGColor;
// 1.5.设置复制层颜色的偏移量
replicatorLayer.instanceGreenOffset = -0.1;
// 2.创建一个图层对象 单条柱形 (原始层)
CALayer *layer = [CALayer layer];
// 2.1.设置layer对象的位置
layer.position = CGPointMake(15, self.view.bounds.size.height);
// 2.2.设置layer对象的锚点
layer.anchorPoint = CGPointMake(0, 1);
// 2.3.设置layer对象的位置大小
layer.bounds = CGRectMake(0, 0, 30, 150);
// 2.5.设置layer对象的颜色
layer.backgroundColor = [UIColor whiteColor].CGColor;
// 3.创建一个基本动画
CABasicAnimation *basicAnimation = [CABasicAnimation animation];
// 3.1.设置动画的属性
basicAnimation.keyPath = @"transform.scale.y";
// 3.2.设置动画的属性值
basicAnimation.toValue = @0.1;
// 3.3.设置动画的重复次数
basicAnimation.repeatCount = MAXFLOAT;
// 3.4.设置动画的执行时间
basicAnimation.duration = 0.5;
// 3.5.设置动画反转
basicAnimation.autoreverses = YES;
// 4.将动画添加到layer层上
[layer addAnimation:basicAnimation forKey:nil];
// 5.将layer层添加到复制层上
[replicatorLayer addSublayer:layer];
// 6.将复制层添加到view视图层上
[self.view.layer addSublayer:replicatorLayer];
}
这样一个简单的音乐波动控件就ok了，效果如下图：
image.png
2.3、CAShapeLayer
CAShapeLayer是图形的Layer层，我们可以自定义这个层的形状。
- (void)creatCAShapeLayer {
//创建个Layer的图形层
CAShapeLayer *layer = [CAShapeLayer layer];
layer.position = CGPointMake(0, 0);
//创建一个边界路径(绘制个三角形)
CGMutablePathRef path = CGPathCreateMutable();
CGPathMoveToPoint(path, 0, 100, 100);
CGPathAddLineToPoint(path, 0, 300, 100);
CGPathAddLineToPoint(path, 0, 200, 200);
CGPathAddLineToPoint(path, 0, 100, 100);
layer.path = path;
//填充颜色
layer.fillColor = UIColor.redColor.CGColor;
//填充规则 NonZeor-非零填充，EvenOdd-奇偶填充，
layer.fillRule = kCAFillRuleEvenOdd;
//设置线条颜色
layer.strokeColor = UIColor.blueColor.CGColor;
//设置线条的起点和终点在0~1间
layer.strokeStart = 0;
layer.strokeEnd = 0.8;
layer.lineWidth = 5;
//设置两条线段相交时锐角斜面的长度
layer.miterLimit = 1;
//设置线条的收尾外观 Butt-五星壮，Round-圆形，square-方形
layer.lineCap = kCALineCapRound;
//设置线条的连接方式 Miter-棱角，Round-平滑，Bevel-折线
layer.lineJoin = kCALineJoinRound;
[self.view.layer addSublayer:layer];
}
效果图如下：
image.png
2.4、CATextLayer
CATextLayer可以用来进行文本的绘制，方法比较简单这里就不在详细介绍了
网友评论