文字渐变效果

来源:互联网 发布:淘宝网店培训班 编辑:程序博客网 时间:2024/05/21 14:08

- (void)viewDidLoad

{

    [superviewDidLoad];

    

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

    

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

    textLab.backgroundColor =[UIColor clearColor];

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

    [textLab sizeToFit];

    [self.viewaddSubview:textLab];

    

    // 创建渐变层

    _gradientLayer = [CAGradientLayerlayer];

    _gradientLayer.frame = textLab.frame;

    // 设置渐变层的颜色

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

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

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

    [self.view.layeraddSublayer:_gradientLayer];

    

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

    _gradientLayer.mask = textLab.layer;

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

    textLab.frame =_gradientLayer.bounds;

    

    // 加入定时器

    CADisplayLink *link = [CADisplayLinkdisplayLinkWithTarget:selfselector:@selector(textColorChange)];

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

    

}


- (void) textColorChange

{

     _gradientLayer.colors =@[(id)[selfrandomColor].CGColor,(id)[selfrandomColor].CGColor,(id)[selfrandomColor].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 [UIColorcolorWithRed:r green:gblue:b alpha:1.0f];

}

0 0
原创粉丝点击