iOS开发：ScrollView中仅最后一张网络图片加载成功问题求助

这种问题我做iOS开发时碰到过好多次，核心原因基本都是异步加载回调时的变量捕获错误，导致所有图片加载完成后都被设置到最后一个ImageView上。结合你的场景（ScrollView里循环创建带ImageView的子视图），我给你梳理几个实用的解决方案：

一、最省心的方案：用成熟的图片加载库 #

手动写异步图片加载很容易踩变量捕获的坑，直接用SDWebImage这类主流库就能一键解决，还自带缓存、占位图、错误处理等功能，代码也简洁很多：

首先导入SDWebImage（可以用CocoaPods安装），然后在循环里替换你的加载逻辑：

#import <SDWebImage/UIImageView+WebCache.h>

// 循环创建子视图的代码里，替换图片加载部分
NSString *imageUrl = popularCategoryArray[i][@"image_url"];
// 直接调用SDWebImage的扩展方法，自动处理异步加载和视图关联
[catImageView sd_setImageWithURL:[NSURL URLWithString:imageUrl] 
                placeholderImage:[UIImage imageNamed:@"placeholder.png"]];

SDWebImage内部已经帮你处理了每个ImageView和请求的关联，完全不会出现“只有最后一张加载”的问题。

二、手动实现的修复方案（不用第三方库） #

如果不想依赖第三方库，你需要确保每个异步回调都能精准找到对应的ImageView，这里有两种可行的方式：

方式1：通过Tag+请求UserInfo关联 #

给每个ImageView设置唯一的Tag，同时把索引存到请求的UserInfo里，回调时通过Tag找到对应的视图：

for (int i = 0; i < [popularCategoryArray count]; i++) {
    // 创建容器视图
    UIView *categoryView = [[UIView alloc] initWithFrame:CGRectMake(i * 90 / 1.8, 0, 90, 300)];
    // 创建ImageView并设置唯一Tag
    UIImageView *catImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 80, 80)];
    catImageView.image = [UIImage imageNamed:@"placeholder.png"];
    catImageView.tag = 1000 + i; // 用1000作为起始值避免和其他Tag冲突
    [categoryView addSubview:catImageView];
    [catScrollView addSubview:categoryView];
    
    // 构建请求并携带索引
    NSString *imageUrl = popularCategoryArray[i][@"image_url"];
    NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:imageUrl]];
    request.userInfo = @{@"index": @(i)}; // 把当前循环索引存到请求里
    
    // 异步加载图片
    [NSURLConnection sendAsynchronousRequest:request queue:[NSOperationQueue mainQueue] completionHandler:^(NSURLResponse *response, NSData *data, NSError *error) {
        if (data) {
            UIImage *image = [UIImage imageWithData:data];
            // 从请求里取出索引，找到对应的ImageView
            NSInteger index = [[response.request.userInfo objectForKey:@"index"] integerValue];
            UIImageView *targetImageView = (UIImageView *)[catScrollView viewWithTag:1000 + index];
            if (targetImageView) {
                targetImageView.image = image;
            }
        }
    }];
}

方式2：捕获循环内的局部变量 #

在循环内部创建一个局部变量持有当前的ImageView，让block捕获这个变量的副本，确保每个回调都指向当前循环的ImageView：

for (int i = 0; i < [popularCategoryArray count]; i++) {
    UIView *categoryView = [[UIView alloc] initWithFrame:CGRectMake(i * 90 / 1.8, 0, 90, 300)];
    UIImageView *catImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 80, 80)];
    catImageView.image = [UIImage imageNamed:@"placeholder.png"];
    [categoryView addSubview:catImageView];
    [catScrollView addSubview:categoryView];
    
    // 关键：创建局部变量持有当前ImageView
    UIImageView *currentImageView = catImageView;
    
    NSString *imageUrl = popularCategoryArray[i][@"image_url"];
    NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:imageUrl]];
    
    [NSURLConnection sendAsynchronousRequest:request queue:[NSOperationQueue mainQueue] completionHandler:^(NSURLResponse *response, NSData *data, NSError *error) {
        if (data) {
            UIImage *image = [UIImage imageWithData:data];
            // 这里设置的是当前循环的currentImageView，不会指向最后一个
            currentImageView.image = image;
        }
    }];
}

三、额外检查点 #

除了上述核心问题，你也可以检查下ScrollView的contentSize计算是否正确，比如你代码里的([popularCategoryArray count] * 90)/1.8是否准确，确保所有子视图都在ScrollView的可滚动范围内，避免视图被隐藏导致看起来没加载图片。

内容的提问来源于stack exchange，提问作者Mahboob Nur