iphone - 如何创建多个 UIImageView 动画，使用 CFAffineTransform 在前一个动画结束后开始一个动画

Question

首先感谢您阅读我的问题。我目前正在尝试使用 CFAffineTransform 执行多个动画来复制 kens burn 效果。

尝试实现:缩放到图像，然后向右平移图像。

问题:一旦我开始第二个动画，我的图像将相对于原始图像平移，而不是相对于第一个图像的最终产品平移。这不是我想要达到的效果。

第一个动画是放大图像。

[UIView beginAnimations:@"zoomin" context:NULL];
[UIView setAnimationDelegate:self];
[UIView setAnimationDuration:5];

CGAffineTransform zoomIn = CGAffineTransformMakeScale(5.8, 5.8);

imageView.transform = zoomIn;

[UIView commitAnimations];

第二个动画是将图像向左平移。

[UIView beginAnimations:@"panning" context:NULL];
[UIView setAnimationDelegate:self];
[UIView setAnimationDuration:5];

CGAffineTransform moveRight = CGAffineTransformMakeTranslation(200, 0);

imageView.transform = moveRight;

[UIView commitAnimations];

第二个动画代码仅在第一个动画结束后调用。

Answer 1

它不起作用，因为你使用的是CGAffineTransformMakeTranslation，这意味着它应该从原始位置开始(仿射是单位矩阵，并将 View 置于未转换状态)，你应该使用的是CGAffineTransformTranslate，它需要所需的(或当前变换)矩阵作为第一个参数。

所以如果你这样做:

CGAffineTransform moveRight = CGAffineTransformTranslate(imageView.transform ,200, 0);

你用过

CGAffineTransform moveRight = CGAffineTransformMakeTranslation(200, 0);

这与:

CGAffineTransform moveRight = CGAffineTransformTranslate(CGAffineTransformIdentity ,200, 0);

我建议您阅读一篇很棒的帖子 Demystifying CGAffineTransform