UIImage 视图从一张图像到下一张图像的动画

Question

我想像 UIModalTransitionStyleCrossDissolve 那样平滑地对 UIImageView 中的图像进行动画处理，在一秒钟内变成下一张图像。

目前，我有一个名为“imageView”的 UIImageView * 和一个名为“imageForState”的函数，它返回正确图像的 UIImage * 。

所以我想做的是将图像 A 平滑地动画化为图像 B（如果有的话）。

目前，我的功能是这样的：

- (UIImage *) imageForState{
    NSLog(@"state: %d", [save state]);
    switch ([save state]) {         
        case 0:
        case 1:
            return [UIImage imageNamed:@"Sakuya_Debug.PNG"];
        case 2:
            return [UIImage imageNamed:@"Sakuya_2_Debug.PNG"];
        default:
            return NULL;
            //Never called
    }
}

-(void) tap{
    [imageView setAnimationImages:[NSArray arrayWithObjects:[imageView image], [self imageForState], nil]];
    imageView.animationDuration = 2.0;
    [imageView startAnimating];
    save.state++;
}

我的问题是，1.）动画永远持续下去（当我将 imageView.animationRepeatCount 设置为 1 时，我再次回到第一张图像）和 b.）动画不平滑；就像我会使用“setImage”一样；

我做错了什么？

Answer 1

我建议使用两个 imageView 和一个动画块来实现。在下面的示例中，我假设有两个大小为 100 像素的方形图像。如果将两个 imageView 添加为子视图，请确保将 imageB 添加在 imageA 之后，以便覆盖它。

初始化 imageViews:

UIImageView *imageA = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Sakuya_Debug.PNG"]];
UIImageView *imageB = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Sakuya_2_Debug.PNG"]];

// hide the second image
imageB.alpha = 0.0;

// put the image with the same size at same position
imageA.frame = CGRectMake(0.0, 0.0, 100.0, 100.0);        
imageB.frame = imageA.frame;

Blend 方法：

- (void)crossDissolveImageAtoB
{
    [UIView animateWithDuration:1.0 
                     animations:^{
                         imageB.alpha = 1.0;
                     }
                     completion:^(BOOL finished){
                         // do something after the animation finished, 
                         // maybe releasing imageA if it's not used anymore...
                     }];
}