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

  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要设置准确,不然会显示空白,最终出来的效果就是有渐变色的文字



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值