CAlayer子类之CAGradientLayer(实现渐变色）

最新推荐文章于 2020-06-03 17:16:57 发布

原创最新推荐文章于 2020-06-03 17:16:57 发布 · 374 阅读

CC 4.0 BY-SA版权

本文深入探讨了CAGradientLayer在iOS开发中的应用，详细介绍了如何使用其核心属性创建背景渐变，并通过代码实例展示了渐变颜色、位置、起始点和结束点的设置方法。

CAGradientLayer，文档介绍很简单，在背景色上绘制渐变色，填满layer。API里只有5个属性：colors(用作渐变的颜色数组)、locations(用作分界的位置数组)、endpoint(渐变结束位置)、startpoint(渐变开始位置)、type(表示像素变化方式，只有一个值)。

代码实例：

1先创建一个label

UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(100, 200, 200, 28)];
label.text = @"CAGradientLayer";
[self.view addSubview:label];

2创建layer

CAGradientLayer *layer = [CAGradientLayer layer];
layer.frame = label.bounds;
layer.colors = @[(__bridge id)[UIColor redColor].CGColor,
                 (__bridge id)[UIColor greenColor].CGColor,
                 (__bridge id)[UIColor blackColor].CGColor,
                 (__bridge id)[UIColor whiteColor].CGColor,
                 (__bridge id)[UIColor blueColor].CGColor
                 ];
    
 layer.locations = @[@(0.2),
                     @(0.35),
                     @(0.5),
                     @(0.65),
                     @(0.7)];
 layer.startPoint = CGPointMake(0, 0);
 layer.endPoint = CGPointMake(1, 1);
 layer.type = kCAGradientLayerAxial;
 layer.bounds = CGRectMake(0, 0, 400, 400);
 layer.position = CGPointMake(200, 340);
 layer.mask = label.layer;
 [self.view.layer addSublayer:layer];

这两步实现原理是先创建一个label负责显示文字，再创建一个layer负责显示渐变色，然后最后把layer覆盖在label上，所以两个的frame要设置准确，不然会显示空白，最终出来的效果就是有渐变色的文字