ios - 如何反转我的 "slide to unlock"样式文本？

Question

我已经能够使用来自另一个堆栈溢出问题 (iPhone "slide to unlock" animation) 的代码来制作一些“滑动解锁”样式的文本脉冲。此刻，面具从左向右移动。我想反转它，让它不再从左向右脉动，而是从右向左脉动。

我摆弄过代码，试图弄清楚如何反转它，但我所做的一切都无法使其正常工作!我认为一切都会奏效，但并没有。

如有任何帮助，我们将不胜感激。

self.view.layer.backgroundColor = [[UIColor blackColor] CGColor];

CGFloat textWidth = 320;
CGFloat textHeight = 76;

CALayer *textLayer = [CALayer layer];
textLayer.contents = (id)[self.MYSLIDEIMAGE.image CGImage];
textLayer.frame = CGRectMake(-69.0f, 350.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.1f] 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 +50, 0.0f, textWidth * 2, textHeight);

// Animate the mask layer's horizontal position
CABasicAnimation *maskAnim = [CABasicAnimation animationWithKeyPath:@"position.x"];
maskAnim.byValue = [NSNumber numberWithFloat:textWidth -50];
maskAnim.repeatCount = HUGE_VALF;
maskAnim.duration = 2.8f;
[maskLayer addAnimation:maskAnim forKey:@"slideAnim"];
textLayer.mask = maskLayer;
[self.view.layer addSublayer:textLayer];

Answer 1

当前您在动画上使用 byValue，这意味着“从您所在的位置(零)开始并转到此位置”。相反，您可以使用 fromValue 和 toValue 来指定动画的确切开始和结束位置。这样就可以控制方向。