实现文字的颜色渐变效果  CAGradientLayer（渐变色图层）

摘要: 实现文字的颜色渐变效果  CAGradientLayer 渐变色图层

本次文章，主要讲述的是图层中的mask属性，利用它，可以做出文字渐变效果！
思路：

1. 创建UILabel. --- > label只是用来做文字裁剪；必须要把label添加到view上，如果不添加到view上，label的图层就不会调用drawRect方法绘制文字，也就没有文字裁剪了。

2. 创建一个颜色渐变层，渐变图层跟文字控件一样大。

3.用文字图层裁剪渐变层，只保留文字部分，相当于间接让渐变层显示文字，我们看到的其实是被裁剪过后，渐变层的部分内容。

3.1.设置渐变图层的mask为label图层，就能用文字裁剪渐变图层了。

4.具体代码实现：

@implementation ViewController

- (void)viewDidLoad {
[super viewDidLoad];

UILabel *label = [[UILabel alloc] init];

label.text = @"不要放弃，明天会更好";

[label sizeToFit];

label.center = CGPointMake(200, 200);

[self.view addSubview:label];

//1.创建一个颜色渐变层，渐变图层跟文字控件一样大。
CAGradientLayer *gradientLayer = [CAGradientLayer layer];

gradientLayer.frame = label.frame;

gradientLayer.startPoint = CGPointMake(0.0,1.0);
gradientLayer.endPoint = CGPointMake(1.0, 1.0);

//2. 设置渐变层的颜色，随机颜色渐变
gradientLayer.colors = @[(id)[self randomColor].CGColor,(id)[self randomColor].CGColor];

//3. 添加渐变层到控制器的view图层上
[self.view.layer addSublayer:gradientLayer];

//4. 设置渐变层的裁剪层
gradientLayer.mask = label.layer;

//5. 一旦把label层设置为mask层，label层就不能显示了,会直接从父层中移除
// 父层改了，坐标系也就改了，需要重新设置label的位置，才能正确的设置裁剪区域。
label.frame = gradientLayer.bounds;

//6.利用定时器，快速的切换渐变颜色，就有文字颜色变化效果

CADisplayLink *link = [CADisplayLink displayLinkWithTarget:self selector:@selector(textColorChange)];

[link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];
}

// 随机颜色方法
-(UIColor *)randomColor{
CGFloat r = arc4random_uniform(256) / 255.0;
CGFloat g = arc4random_uniform(256) / 255.0;
CGFloat b = arc4random_uniform(256) / 255.0;
return [UIColor colorWithRed:r green:g blue:b alpha:1];
}

// 定时器触发方法
-(void)textColorChange {
self.gradientLayer.colors = @[(id)[self randomColor].CGColor,
(id)[self randomColor].CGColor,
(id)[self randomColor].CGColor];
}