在最后一个图像处停止 UIimageview 动画

Posted 2023-03-08

【中文标题】在最后一个图像处停止 UIimageview 动画

【英文标题】：stop UIimageview animation at last image

【发布时间】：2015-04-09 09:19:31

【问题描述】：

NSArray *imageNames = @[@"2_00000.png", @"2_00001.png", @"2_00002.png", @"2_00003.png",
                            @"2_00004.png", @"2_00005.png", @"2_00006.png", @"2_00007.png",
                            @"2_00008.png", @"2_00009.png", @"2_00010.png", @"2_00011.png",
                            @"2_00012.png", @"2_00013.png", @"2_00014.png", @"2_00015.png",
                            @"2_00016.png", @"2_00017.png", @"2_00018.png", @"2_00019.png",
                            @"2_00020.png", @"2_00021.png", @"2_00022.png", @"2_00023.png",
                            @"2_00024.png", @"2_00025.png", @"2_00026.png", @"2_00027.png",
                            @"2_00028.png", @"2_00029.png", @"2_00030.png", @"2_00031.png",
                            @"2_00032.png", @"2_00033.png", @"2_00034.png", @"2_00035.png",
                            @"2_00036.png", @"2_00037.png", @"2_00038.png", @"2_00039.png",
                            @"2_00040.png", @"2_00041.png", @"2_00042.png", @"2_00043.png",
                            @"2_00044.png", @"2_00045.png", @"2_00046.png", @"2_00047.png",
                            @"2_00048.png", @"2_00049.png", @"2_00050.png", @"2_00051.png",
                            @"2_00052.png", @"2_00053.png", @"2_00054.png", @"2_00055.png",
                            @"2_00056.png", @"2_00057.png", @"2_00058.png", @"2_00059.png",
                            @"2_00060.png", @"2_00061.png", @"2_00062.png", @"2_00063.png"];

NSMutableArray *images = [[NSMutableArray alloc] init];
for (int i = 1; i < imageNames.count; i++) 
    [images addObject:[UIImage imageNamed:[imageNames objectAtIndex:i]]];


// Normal Animation
UIImageView *animationImageView = [[UIImageView alloc] initWithFrame:CGRectMake(-6, 40, 200, 1034)];
animationImageView.animationImages = images;
animationImageView.animationDuration = 2;

animationImageView.animationRepeatCount = 0;




[self.view addSubview:animationImageView];



[animationImageView startAnimating];

【问题讨论】：

hacky 方式：在 time=imageCount*animationDuration 停止动画

【参考方案1】：

如果您在开始动画之前知道animationRepeatCount

animationImageView.animationRepeatCount = 1  //For 1 loop
animationImageView.image = animationImageView.animationImages.lastObject;

---

动态停止动画

animationImageView.animationRepeatCount = 0  //infinite loop

当你需要停止动画时

[animationImageView stopAnimating];
animationImageView.image = animationImageView.animationImages.lastObject;

【参考方案2】：

首先将 animationRepeatCount 设置为 1，然后在启动动画后创建一个在此块中的动画持续时间后触发的块，将 animationImageView 图像设置为最后一个图像。

dispatch_time_t dispatchAfter = dispatch_time(DISPATCH_TIME_NOW, animationImageView.animationDuration * NSEC_PER_SEC);
dispatch_after(dispatchAfter, dispatch_get_main_queue(), ^(void)

       animationImageView.image = [images lastObject];
);

【参考方案3】：

您可以使用transitionWithView:duration:options:animation:completion: 或UIView 为您的UIImageView 设置动画。

- (void)animatePictureTransition:(NSMutableArray *)arrayImages

    [UIView transitionWithView:imageViewButton 
                      duration:1.0 
                       options:UIViewAnimationOptionTransitionFlipFromRight 
                    animations:^

         UIImage *newImage = (UIImage *)arrayImages.firstObject;
         imageViewButton.image = newImage;

      completion:^(BOOL finished)

         [arrayImages removeObjectAtIndex:0];
         if(arrayImages.count) 
             [self animatePicturesTransition:arrayImages];
         
     ];

您可以使用此递归，并在完成博客中再次调用该方法并通过剩余的UIImages 这样在最后一个UIImages 停止应该没有问题。

我还建议您以这种方式从资源文件夹中动态加载UIImages：

- (NSMutableArray *)getImagesWithSuffix:(NSString *)start andEndSuffix:(NSString *)end

    NSMutableArray *imageArray = [[NSMutableArray alloc] init];

    for (int i = 1; i < 100; i++) 

        NSString *fileName = [NSString stringWithFormat:@"%@%d%@.png", start, i, end];
        if([self fileExistsInProject:fileName])
            [imageArray addObject:[UIImage imageNamed:fileName]];

         else 

            break;
        
    
    return imageArray;

总是写下你的UIImages 的所有名字会花费很多时间并且可能会导致任何问题。这样，您只需订购图片，以便循环播放。

要使用此代码，请创建 NSMutableArray 的 category 即可使用！

【讨论】：

@m.eldehairy：谢谢，它有点工作，但动画不工作，它只显示最后一张图像。他们是否有任何其他图像序列动画方法将停止并显示最后一张图像。你能逐步解释一下吗？谢谢

重复动画总是有点棘手。你不能在 for 循环中循环它们，你必须在完成块中处理它，因为这是你知道动画真正停止的唯一地方。

【参考方案4】：

这条线有问题..

animationImageView.animationRepeatCount = 0;

通过设置 animationRepeatCount = 0 默认设置为无限。 如果你想让它停在最后一张图片上，你可以选择

animationImageView.animationRepeatCount = 1; // specify no of times u need to run your animation.