下载图片后UICollectionView无法显示图片（Storyboard场景）

针对你添加主栈视图后UICollectionView无法显示已下载图片的问题，结合你已确认的前置条件，可从以下几个方向排查：

• 检查UICollectionView的布局约束
  添加主栈视图后，很可能是约束配置导致collectionView的frame为0（宽高都为0），自然无法显示内容。可以在viewDidAppear(_:)中打印collectionView的frame：

  print("collectionView frame: \(collectionView.frame)")
  

  如果输出宽高为0，需要调整栈视图与collectionView的约束：确保给collectionView设置明确的高度约束（比如固定高度、或根据内容自适应的约束），同时检查栈视图的distribution属性，避免collectionView被挤压。

• 确认数据源更新与reload的时机
  虽然图片已下载存入imgArr，但要确保更新数组后在主线程调用reloadData。如果下载是异步操作，需在回调中更新数组并执行：

  DispatchQueue.main.async {
      self.imgArr = downloadedImages
      self.collectionView.reloadData()
  }
  

  另外排查是否存在数组赋值后未触发reload的情况，比如reload代码被错误放在了数组赋值之前。

• 验证数据源方法的返回值
  检查collectionView(_:numberOfItemsInSection:)方法，确认返回的是imgArr.count，而非其他数组的count或固定值0。如果imgArr是可选类型，要确保已正确解包：

  func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
      return imgArr?.count ?? 0
  }
  

• 检查cell内部的图片显示逻辑

  1. 给cell设置背景色（比如红色），确认cell是否正常显示。如果cell能显示但图片不显示，检查UIImageView的约束是否正确（比如宽高约束是否存在，是否与cell边缘有正确的布局关系）。
  2. 在collectionView(_:cellForItemAt:)中打印要赋值的图片，确认是有效的UIImage实例：

     let image = imgArr[indexPath.item]
     print("image info: \(image)")
     cell.imageView.image = image
     

• 排查栈视图的属性配置
  检查主栈视图的axis（排列方向）、alignment（对齐方式）、distribution（分配方式）是否符合预期。比如若栈视图为垂直排列，设置distribution = .fill时，若collectionView没有高度约束，会被压缩到最小高度。可尝试将栈视图的distribution改为.fillProportionally，或给collectionView添加优先级较高的高度约束。

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