CABasicAnimation 以一定的距离出现在屏幕外

Question

所以我是第一次尝试 CABasicAnimation。我正在尝试将它应用到一个图层上，并且我希望图层从一个点插入到另一个点。我最初设置了一个负 x 坐标，然后我将动画设置为无限。它正在工作，但需要几秒钟才能出现在屏幕上。所以它应该完全走到尽头并重新开始。以下是代码

[[self bgImageView] setImage:[UIImage imageNamed:@"bg_dynamicwx_cloudyday_3.jpg"]];
for (CALayer *layer in self.emitterView.layer.sublayers) {
    [layer removeAllAnimations];
}

[self.emitterView.layer removeAllAnimations];
NSArray *subLayers = self.emitterView.layer.sublayers;
for (CALayer *layer in subLayers) {
    [layer removeFromSuperlayer];
}

CALayer *mask = [CALayer layer];
UIImage *layerImg = [UIImage imageNamed:@"2_cloud.png"];
mask.bounds = CGRectMake(self.emitterView.bounds.origin.x, self.emitterView.bounds.origin.y, layerImg.size.width, layerImg.size.height);
mask.contents = (id)layerImg.CGImage;

CGPoint fromPoint = CGPointMake(-layerImg.size.width, 0);
CGPoint toPoint = CGPointMake(layerImg.size.width, 0);

mask.position = fromPoint; // CoreAnimation animations do *not* persist

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"position"];
animation.fromValue = [NSValue valueWithCGPoint:fromPoint];
animation.toValue = [NSValue valueWithCGPoint:toPoint];
animation.duration = 150;
animation.repeatCount = INFINITY;

[mask addAnimation:animation forKey:@"position"];
[self.emitterView.layer addSublayer:mask];

基本上我正在尝试云动画，云漂浮在屏幕上。我很确定我在这里对基本动画有一些概念错误。由于持续时间为 150（它应该是微妙的），因此显示动画需要很长时间。似乎位置超出了我给出的范围。我用于图层的图像是 728 x 368。

Answer 1

From the documentation:

位置属性位于图层的中间。

您使用的代码假定位置位于图层的左上角。您可以通过更改起点和终点轻松解决此问题：

CGPoint fromPoint = CGPointMake(-layerImg.size.width*0.5, layerImg.size.height*0.5);
CGPoint toPoint = CGPointMake(layerImg.size.width*1.5, layerImg.size.height*0.5);

现在您的图层将从屏幕外左侧动画到屏幕外右侧。