上图就是我们为我们的Label添加的Mask，添加后，文字就会出现渐变的效果。当然原理是一样的。下方就是上述效果的视图层级。也是两层不同的文字，通过mask来显示指定区域。当然上面的Hello World是讲Mask添加在了Lable上了，而下方的效果是讲Mask添加在了上层视图上，上层视图的背景色是红色，上层视图上贴了一些列的白色Label，当然显示的只是mask区域内的东西了。
接下来来看上述效果的核心代码。下方代码就是为我们上层红色的Hello World添加蒙版，并给蒙版添加一个弧度，所以你看起来的蒙版效果是椭圆形的。而第二种效果是讲蒙版添加在了上层的View上，与下方代码类似，在此就不做过多赘述了，相关代码会在Github上进行分享。本篇博客后附有github分享链接。
四、上述效果实战
在项目开发中上述的这种渐变的效果是经常使用到的，接下来就使用上述效果来进行实战一下。下方这个效果就是利用上述效果写的一个标签栏的切换，在切换时，效果是渐变的。并且与下方的ScrollView是联动的。下方这种形式是比较常见的。
接下来我们来看一下上述效果的视图层级。从下方视图层级中我们不难看出上面用的就是我们第三部分所封装的组件，而下方是一个ScrollView上贴了三个View。无论上面有多少个Tab标签，下方的View会进行复用的。下方类似于我们之前所发布的幻灯片轮播图的效果。原理请参加《iOS开发之三个Button实现图片无限轮播(参考手机淘宝，Swift版)》这篇博客，原理在此就不做过多的赘述了。
通过本篇博客想必你还是有所收获的，今天博客就先到这。上述所有代码在Github上的分享地址为：https://github.com/lizelu/MaskLayerDemo
相关文章
精彩导读
热门资讯
关注我们
