文字渐变效果：图层中的mask属性

前言

已经很久没写blog了，最近发生了太多事情，失去了生命中一位很重要的成员，使我不得不放下对技术的狂热。直到在6月6日当天，我决定加入一个正在朗朗升起的初创公司【小码哥】，如同小码哥的宗旨，一切从“心”开始，希望让每一位来小码哥的朋友都能收获一份满意的答卷。当然还有一个更重要的原因，就是小码哥的创始人，李明杰，因为他，我完成了对别人的3年之约，让他在生命的最后的一段时间内，能看见他的儿子有现在的成就。因此，我毅然决然的来到小码哥，希望让每一位父亲，能看见自己的儿子来到小码哥之后，都有一定的成就。这也促使我，又一次燃起了对技术的狂热，希望研究更多的东西，与小码哥的每一位朋友分享！！！

本次文章，主要讲述的是图层中的mask属性，利用它，可以做出文字渐变效果！

如果喜欢我的文章，可以关注我，陆续还会有更新ing....

一、文字渐变效果:



二、文字渐变实现思路:

1.创建一个颜色渐变层，渐变图层跟文字控件一样大。

2.用文字图层裁剪渐变层，只保留文字部分，就会让渐变层只保留有文字的部分，相当于间接让渐变层显示文字，我们看到的其实是被裁剪过后，渐变层的部分内容。

注意：如果用文字图层裁剪渐变层，文字图层就不在拥有显示功能，这个图层就被弄来裁剪了，不会显示,在下面代码中也会有说明。

2.1 创建一个带有文字的label，label能显示文字。

2.2 设置渐变图层的mask为label图层，就能用文字裁剪渐变图层了。

3.mask图层工作原理:

1.根据透明度进行裁剪，只保留非透明部分，显示底部内容。

4.详细代码+解释