Swift中BSImagePicker分页UIScrollView仅显示最后一张选中图片求助

你遇到的核心问题是重复复用同一个UIImageView实例，导致最终只有最后一张图片的视图被添加到UIScrollView中，前两张的视图根本没有被创建出来。下面是具体的问题拆解和修复代码：

问题根源 #

在convertAssetToImages的循环逻辑里，你始终在修改同一个scrollImg对象的frame和image属性，然后重复添加到UIScrollView。但实际上，同一个视图对象不能被多次添加到父视图，每次添加只会移动它的位置，最终scrollView里只会保留最后一次设置的状态，所以你只能看到最后一张图片。

修复后的代码 #

1. 修正convertAssetToImages函数 #

func convertAssetToImages() -> Void {
    // 先清空scrollView的旧子视图，避免残留
    scrollView.subviews.forEach { $0.removeFromSuperview() }
    PhotoArray.removeAll()
    
    guard !SelectedAssets.isEmpty else {
        self.fillImg.isHidden = false // 如果没选图，显示占位图
        scrollView.contentSize = .zero
        pageC.numberOfPages = 0
        return
    }
    
    let manager = PHImageManager.default()
    let option = PHImageRequestOptions()
    option.isSynchronous = true
    
    for i in 0..<SelectedAssets.count {
        // 每次循环新建一个UIImageView，而不是复用同一个
        let imageView = UIImageView()
        imageView.contentMode = .scaleAspectFill
        imageView.clipsToBounds = true
        
        manager.requestImage(for: SelectedAssets[i], targetSize: CGSize(width: 1000, height: 1000), contentMode: .aspectFill, options: option, resultHandler: {(result, info)->Void in
            guard let image = result else {
                // 处理图片请求失败的情况，避免崩溃
                print("Failed to load image for asset \(SelectedAssets[i])")
                return
            }
            imageView.image = image
            self.PhotoArray.append(image)
        })
        
        // 设置每个imageView的位置
        let xPosition = scrollView.frame.width * CGFloat(i)
        imageView.frame = CGRect(x: xPosition, y: 0, width: scrollView.frame.width, height: scrollView.frame.height)
        scrollView.addSubview(imageView)
    }
    
    // 最后统一设置scrollView的contentSize和分页指示器
    scrollView.contentSize = CGSize(width: scrollView.frame.width * CGFloat(SelectedAssets.count), height: scrollView.frame.height)
    pageC.numberOfPages = SelectedAssets.count
    self.fillImg.isHidden = true
}

2. 优化uploadImg里的资产赋值逻辑 #

原来的循环赋值可以简化，避免冗余代码：

finish: { (assets) in
    self.SelectedAssets = assets // 直接赋值，不用循环添加
    self.convertAssetToImages()
    print("Finished with selections: \(assets)")
},

关键修改点说明 #

• 创建独立的UIImageView：每次循环新建一个UIImageView实例，确保每张图片都有自己的视图容器
• 清空旧视图：在处理新图片前先移除scrollView的所有子视图，避免之前的视图残留导致显示混乱
• 统一设置contentSize：把scrollView的contentSize和分页指示器的设置放在循环外面，减少重复计算，提升性能
• 添加错误处理：在图片请求的resultHandler里判断result是否为nil，避免因图片加载失败导致的崩溃
• 简化资产赋值：直接将选中的assets数组赋值给SelectedAssets，替代循环添加的冗余代码

这样修改后，选中的每张图片都会有独立的UIImageView显示在scrollView里，分页指示器也能正确对应图片数量，你就可以正常切换查看所有选中的图片了。

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