参考:

CAShapeLayer和CAGradientLayer

一 简介

1,CAGradientLayer,处理颜色渐变;

2,CAGradientLayer的渐变色可以做隐式动画;

3,大部分情况下,CAGradientLayer都是与CAShapeLayer配合使用的。

CAShapeLayer提供形状,CAGradientLayer做背景。一般,CAShaperLayer作为CAGradientLayer的遮照——mask来用————CAGradientLayer作为背景使用;

4,CAGradientLayer可以用作png遮照效果。

eg:3

    // 创建形状遮罩
self.circleLayer = [CAShapeLayer LayerWithCircleCenter:CGPointMake(, )
radius:
startAngle:DEGREES()
endAngle:DEGREES()
clockwise:YES
lineDashPattern:@[@, @]];
self.circleLayer.strokeColor = [UIColor blackColor].CGColor; // 边缘线的颜色
self.circleLayer.lineCap = kCALineCapSquare; // 边缘线的类型
self.circleLayer.lineWidth = .f; // 线条宽度
self.circleLayer.strokeStart = 0.0f;
self.circleLayer.strokeEnd = 1.0f; // CAShapeLayer *circleLayer; // 创建渐变图层
self.faucet = [CAGradientLayer layer]; // CAGradientLayer *faucet;
self.faucet.frame = CGRectMake(, , , );
self.faucet.position = self.view.center; // 以CAShapeLayer的形状作为遮罩是实现特定颜色渐变的关键
self.faucet.mask = self.circleLayer;
self.faucet.colors = @[(id)[UIColor greenColor].CGColor,
(id)[UIColor redColor].CGColor,
(id)[UIColor cyanColor].CGColor,
(id)[UIColor purpleColor].CGColor,
(id)[UIColor yellowColor].CGColor]; // 设定动画时间
self.faucet.speed = 0.5f; // 添加到系统图层中
[self.view.layer addSublayer:self.faucet]; // 创建定时器 NSTimer *timer;
self.timer = [NSTimer scheduledTimerWithTimeInterval:.f
target:self
selector:@selector(timerEvent)
userInfo:nil
repeats:YES];
}

二 坐标系统

1,CAGradientLayer的坐标系统是从坐标(0,0)到(1,1)绘制的矩形;

2,CAGradientLayer的frame值的size不为正方形的话,坐标系统会被拉伸;

3,CAGradientLayer的startPoint与endPoint会直接影响颜色的绘制方向;

4,CAGradientLayer的颜色分割点是以0到1的比例来计算的;

三 色差动画实现

1,确定渐变色渐变方向;

2,设定两种颜色,其中一种透明色,另外一种是自定义颜色;

3,设定好location的颜色分割点值;

4,CAGradientLayer的颜色分割点是以0到1的比例来计算的。

四 用CAGradientLayer封装色差动画的view

04-24 11:52