文字渐变效果

- (void)viewDidLoad

{

    [super viewDidLoad];

    

    self.title = @"测试控制器";

    

    UILabel *textLab = [[UILabel alloc] initWithFrame:CGRectMake(50, 200, 200, 30)];

    textLab.backgroundColor =[ UIColor clearColor];

    textLab.text = @"文字渐变效果显示";

    [textLab sizeToFit];

    [self.view addSubview:textLab];

    

    // 创建渐变层

    _gradientLayer = [CAGradientLayer layer];

    _gradientLayer.frame = textLab.frame;

    // 设置渐变层的颜色

    _gradientLayer.colors = @[(id)[self randomColor].CGColor,(id)[self randomColor].CGColor,(id)[self randomColor].CGColor];

    // 添加渐变层到view图层上

    // mask原理:默认会显示mask层底部内容,如果渐变层放在mask上,就不会显示了

    [self.view.layer addSublayer:_gradientLayer];

    

    // mask层工作原理,按照透明度裁剪,只保留非透明部分,文字就是非透明的,因为除了文字部分,其它都会被裁剪掉,因此只会显示文字上面渐变层的内容,让渐变层去填充文字颜色

    _gradientLayer.mask = textLab.layer;

    // 注意,把lable层设为mask层,lable层就不能显示了,会直接从你层中移除,然后作为渐变层的mask层,且lable层的父层会指向渐变层

    textLab.frame = _gradientLayer.bounds;

    

    // 加入定时器

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

    [link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode]; // 加入主线程

    

}


- (void) textColorChange

{

     _gradientLayer.colors = @[(id)[self randomColor].CGColor,(id)[self randomColor].CGColor,(id)[self randomColor].CGColor];

}


- (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.0f];

}

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值