objective-c - 在翻译过程中改变图像

Question

如何在翻译过程中用一组图像更改 myLayer.contents(即在 img1 和 img2 之间切换)？谢谢!

UIImage *myImage = [UIImage imageNamed:@"img1.png"];
CALayer *myLayer = [CALayer layer];
myLayer.contents = (id)myImage.CGImage;
myLayer.Position = CGPointMake(0,0);
myLayer.Bounds=CGRectMake(0.0, 0.0, 50, 50);
[self.view.layer addSublayer:myLayer];

//translation1
CGPoint startPt = CGPointMake(10,10);
CGPoint endPt = CGPointMake(100,100);    
CABasicAnimation *transl1 = [CABasicAnimation animationWithKeyPath:@"position"];
transl1.removedOnCompletion = FALSE;
transl1.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
transl1.fromValue = [NSValue valueWithCGPoint:startPt];
transl1.toValue = [NSValue valueWithCGPoint:endPt];
transl1.duration = 3;
transl1.fillMode = kCAFillModeForwards;
transl1.beginTime = 0;
[myLayer addAnimation: transl1 forKey:  nil];

Answer 1

走路的人例子:

我处理过完全相同的任务，但我必须做一个 6 条腿行走且有 12 帧的运行蜘蛛。这实际上很难做到，我花了几个月的时间来完善。事实是，醒着的人示例通常是通过将一组图像帧(第一条腿，最后一条腿)设置为 UIImageView 的 animationImages 属性来完成的。然后你打开和关闭动画，同时左右移动角色，从而创造一种走路的错觉。现在，当你想创造一种加速的幻觉时，就会出现大问题。在动画播放期间无法更改动画持续时间，这是一个很难克服的重大挫折。

这是我为解决这个问题而生成的代码:

在这里，您定义了一个包含步行腿帧的数组，每步帧。

animationImagesSpider = [NSArray arrayWithObjects:
[UIImage imageNamed:@"1@2x.png"], [UIImage imageNamed:@"2@2x.png"], [UIImage imageNamed:@"3@2x.png"], [UIImage imageNamed:@"4@2x.png"], [UIImage imageNamed:@"5@2x.png"], [UIImage imageNamed:@"6@2x.png"], [UIImage imageNamed:@"6@2x.png"], [UIImage imageNamed:@"8@2x.png"], [UIImage imageNamed:@"9@2x.png"], [UIImage imageNamed:@"10@2x.png"], [UIImage imageNamed:@"11@2x.png"], [UIImage imageNamed:@"1@2x.png"], nil];   

在这里，您将数组附加到 UIImageView:

imgViewSpider = [[UIImageView alloc] initWithFrame:CGRectMake(200,410,100,145)];
imgViewSpider.animationImages = animationImagesSpider;

现在如果你简单地调用 [imgViewSpider startAnimating];这将以恒定速度启动动画，直到您停止它。为了克服这个问题，我使用了一个递归，它为每个步骤播放一个简短的动画，这允许调整每个步骤之间的持续时间:

- (void) spiderRun {

    imgViewSpider.animationDuration= 0.51-(accSp/3.5);
    [imgViewSpider setAnimationRepeatCount:222]; /// this is a dummy value that has no effect because animtion ends after the first frame
    [imgViewSpider startAnimating];
    [self performSelector:@selector(spiderRun) withObject:nil afterDelay: 0.5-(accSp/3.5)];

}

通过不断改变accSp的值，我可以在行走的过程中控制行走的速度。