ios - UILabel上的iOS7“滑动解锁”动画

Question

如何在 UILabel 上制作类似于“滑动解锁”文本的动画？（文本渐变为左->右动画）然后文本颜色适应背景。

Answer 1

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

[遮罩] 层的 Alpha 通道决定了 [父] 层的内容和背景显示多少。完全或部分不透明的像素允许底层内容显示出来，但完全透明的像素会阻止该内容。

因此，文本将成为蒙版，而移动颜色将成为父项。

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

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

为方便起见，您可能希望将所有这些都包装到一个UIView中，但如果您愿意，可以直接添加层。