博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
实现文字的颜色渐变效果 CAGradientLayer(渐变色图层)
阅读量:5994 次
发布时间:2019-06-20

本文共 1731 字,大约阅读时间需要 5 分钟。

hot3.png

本次文章,主要讲述的是图层中的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];

}

转载于:https://my.oschina.net/u/2613740/blog/669445

你可能感兴趣的文章
Effective_STL 学习笔记(二十三) 考虑用有序 vector 代替关联容器
查看>>
POI简易帮助文档--给Excel设置样式
查看>>
《时间序列分析及应用:R语言》读书笔记--第一章 引论
查看>>
Loadrunner中的IP欺骗的设置以及误区
查看>>
处理文本
查看>>
【机器学习】--线性回归中L1正则和L2正则
查看>>
创作型---抽象工厂模式
查看>>
【Linux-CentOS】在无互联网-内网环境的Windows7主机上安装CentOS双系统,从安装到放弃...
查看>>
告别迷茫的2011
查看>>
爬虫代理squid
查看>>
Linux安装界面简介
查看>>
如何让网页上的字如何变大
查看>>
SDOI2015 道路修建
查看>>
Oracle多个字段显示非空的那个
查看>>
POJ-3126-Prime Path
查看>>
定时器的使用说明
查看>>
BZOJ3236[Ahoi2013]作业——莫队+树状数组/莫队+分块
查看>>
QT隐藏工具栏上的右键菜单
查看>>
QT隐藏工具栏上的右键菜单
查看>>
Python 知识小tips
查看>>