我想知道有人如何在不使用之前在此处询问的静态图像的情况下在UILabel的文本上实现"滑动解锁效果"。
// I'd like to use the uilable's current text to this sample code but not seem to be able to do it.
// ---> UIImage *textImage = [UIImage imageNamed:@"SlideToUnlock.png"];
CGFloat textWidth = textImage.size.width;
CGFloat textHeight = textImage.size.height;
CALayer *textLayer = [CALayer layer];
textLayer.contents = (id)[textImage CGImage];
textLayer.frame = CGRectMake(10.0f, 215.0f, textWidth, textHeight);
CALayer *maskLayer = [CALayer layer];
// Mask image ends with 0.15 opacity on both sides. Set the background color of the layer
// to the same value so the layer can extend the mask image.
maskLayer.backgroundColor = [[UIColor colorWithRed:0.0f green:0.0f blue:0.0f alpha:0.15f] CGColor];
maskLayer.contents = (id)[[UIImage imageNamed:@"Mask.png"] CGImage];
// Center the mask image on twice the width of the text layer, so it starts to the left
// of the text layer and moves to its right when we translate it by width.
maskLayer.contentsGravity = kCAGravityCenter;
maskLayer.frame = CGRectMake(-textWidth, 0.0f, textWidth * 2, textHeight);
// Animate the mask layer's horizontal position
CABasicAnimation *maskAnim = [CABasicAnimation animationWithKeyPath:@"position.x"];
maskAnim.byValue = [NSNumber numberWithFloat:textWidth];
maskAnim.repeatCount = 1e100f;
maskAnim.duration = 1.0f;
[maskLayer addAnimation:maskAnim forKey:@"slideAnim"];
textLayer.mask = maskLayer;
[self.view.layer addSublayer:textLayer];
谢谢
您可以使用
以下项目。这是一个带有幻灯片解锁动画的UILabel。
http://code4app.net/ios/Animated-Label/505fd71a6803fa1077000001
- 顶部:UILabel,背景不透明,文本清晰
- 明文在 drawRect: func 中呈现,通过复杂的遮罩过程
- 中间:工作人员视图,正在执行重复动画,将图像移动到顶部标签后面
- 底部:按该顺序添加中间和顶部子视图的 UIView。可以是您希望文本的任何颜色
可以在此处看到一个例子 https://github.com/jhurray/AnimatedLabelExample