如何在同一个 UIImageView 上连续执行多个动画

Question

我想做两个动画，一个接一个：

[UIView beginAnimations:@"growImage" context:nil];
[UIView setAnimationDuration:0.2f];
[UIView setAnimationCurve:UIViewAnimationCurveEaseIn];
[UIView setAnimationDelegate:self];
image6.transform = CGAffineTransformMakeScale(0.9, 0.9);
[UIView commitAnimations];

[UIView beginAnimations:@"shrinkImage" context:nil];
[UIView setAnimationDuration:0.5f];
[UIView setAnimationCurve:UIViewAnimationCurveEaseIn];
[UIView setAnimationDelegate:self];
image6.transform = CGAffineTransformMakeScale(0.1, 0.1);
[UIView commitAnimations];

我知道我可以做第二个动画

- (void)animationDidStop:(NSString *)animationID finished:(NSNumber *)finished context:(void *)context {

或者通过设置一个

[UIView setAnimationDidStopSelector:@selector(shrinkImage)];

但是有没有一种方法可以传入值（在本例中是一个名为 image6 的 UIIMageView），以便第二个动画与第一个动画出现在同一个对象上？

谢谢！

Answer 1

如果您想使用基于选择器的方法，您在setAnimationDidStopSelector 中指定的选择器将传递您在beginAnimations:context: 调用中指定的context 参数。

因此，如果您将 beginAnimations 调用更改为：

[UIView beginAnimations:@"growImage" context:image6];

然后image6 将作为上下文参数传递给您的选择器。

更简单的方法是使用块来完成同样的事情：

[UIView animateWithDuration:0.2 animations:^() {
    image6.transform = CGAffineTransformMakeScale(0.9, 0.9);
}
completion:^(BOOL finished) {
    [UIView animateWithDuration:0.2 animations:^() {
        image6.transform = CGAffineTransformMakeScale(0.1, 0.1);
    }];
}];

Answer 2

这是我的代码中的一个示例。但你明白了。您需要使用CGAffineTransformConcat 将多个动画拼接在一起。你可以这样做——

   [UIView beginAnimations:nil context:nil];
    [UIView setAnimationDelegate:self];
    [UIView setAnimationDuration:1];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseOut];
    angle             = 0;
    scaleFactor       = 1;
    startPoint.x      = 60.0;
    startPoint.y      = 60.0;
    CGAffineTransform scaleTrans  = CGAffineTransformMakeScale(scaleFactor, scaleFactor);
    CGAffineTransform rotateTrans = CGAffineTransformMakeRotation(angle * M_PI/180);
    boxView.center    = startPoint;
    boxView.transform = CGAffineTransformConcat(scaleTrans, rotateTrans);
    [UIView commitAnimations];

iOS4 有Single block animation 你可以用它代替两块动画。 Apple 文档指出 Single Block 动画更加流畅，而且可以轻松拼接多个动画一个接一个...

更新：经过仔细考虑，您可以这样做 -

[UIView animateWithDuration:0.3 
                      delay:0 
                    options:UIViewAnimationCurveEaseOut 
                 animations:^{ /* first level of animation */
                 } 
                 completion:^(BOOL finished){
                 }
];

如您所见，动画完成后，您可以开始另一个动画，也可以进行清理。这个基于块的动画，用于将动画链接在一起......