iOS7 "Slide to unlock"UILabel 上的动画

Question

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

Answer 1

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

The [mask] layer’s alpha channel determines how much of the [parent] layer’s content and background shows through. Fully or partially opaque pixels allow the underlying content to show through but fully transparent pixels block that content.

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

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

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

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