UILabel上的iOS7"滑动解锁"动画

Pin*_*nch 1 animation ios

如何在UILabel上制作类似于"滑动解锁"文本的动画?(文本渐变为左 - >右动画),然后文本颜色适应背景.

在此输入图像描述

Tom*_*mmy 6

我认为实现这种效果的关键是CALayer mask.您可以将第二个CALayer附加到任何现有图层作为其蒙版.然后:

[mask]图层的alpha通道决定[父]图层的内容和背景显示的程度.完全或部分不透明的像素允许底层内容显示但完全透明的像素阻止该内容.

因此,文本将成为掩码,移动颜色将成为父级.

处理文本的最简单方法是使用a CATextLayer.制作颜色渐变的最简单方法是CAGradientLayer.

要为渐变设置动画,您可以使用Core Animation,因为所有属性都是可动画的.我猜locations这可能是实现滑动动画的最佳方式.

为方便起见,您可能希望将所有内容都包含在内UIView,但如果您愿意,可以直接添加图层.