一个简单的tab点选动画控件（带文字效果）

直接上效果图先

粗略一看，这个很简单，没什么用处；其实，仔细看下，文字的颜色随着indicator滑动发生区域性的改变。

其实这种效果不是我最先实现的，之前看过一篇博客讲的就是怎么实现这种效果，后来翻不到那篇文章了，于是，自己根据当初的记忆，把那个效果重现出来了。

主要原理就是利用view的masktobounds这个属性。

实际上图中的文字是两层叠加后的效果，现在底层创建一个白色文字view层（white view），然后是indicator （indicator view）的view层，最后在indicator view层上添加红色文字view层（red view）（注意，是在indicator view上添加）

这里我们对这三层view的要求是，底层的white view层是固定不动的；indicator view等是随着viewcontroller中的scrollview的page来进行移动的；indicator view上的 red view比较特殊，从我们的视觉看，它似乎也是不动的。

但是，前面我们介绍过，red view是添加在indicator view上的子view。所以，假设red view也是固定不动的，那么，如果indicator view移动了，red view相对于white view是移动的。

我们的控件效果就是要求red view相对于white view静止。假设indicator view向右移动10，要保持red view和white view相对静止，那么需要red view反方向移动10，根据这个原理，我们可以根据indicator view的移动距离来计算red view需要移动的距离，OK，第一个问题解决了

第二个问题，根据示例图，red view的size是大于indicator view的，超出部分会显示在indicator view范围之外，red view上的文字会把white view上的文字全部覆盖住，相当于我们只看到红色的文字，没有变化。这个时候就需要用到masktobounds这个属性，它会将子视图超出的范围剪裁掉，这样，下层的white view就露出来了，最终的效果如gif动画所示。

源码地址：https://github.com/MonkeyS914/SCTabView

欢迎大神给出自己的意见和看法