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

时间:2013-10-01 22:33:57

标签: ios animation

如何在UILabel上制作类似于“幻灯片解锁”文字的动画? (文本渐变是左边的动画 - >右边),然后文本颜色适应背景。

enter image description here

1 个答案:

答案 0 :(得分:6)

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

  

[mask]图层的alpha通道决定了[parent]图层内容的大小   和背景显示。完全或部分不透明的像素允许   要显示的基础内容,但完全透明的像素   阻止该内容。

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

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

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

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