TableView内嵌CollectionView时CollectionView图片不显示如何解决？

核心问题原因 #

• 在collectionView(_:cellForItemAt:)方法中错误调用了collectionView.reloadData()，每次配置collectionView cell就会触发整个collectionView刷新，陷入死循环，cell无法完成正常渲染，图片无法加载展示。
• CollectionViewCell的awakeFromNib方法定义错误，加了class关键字变成类方法，不会在cell实例初始化时调用，控件的默认配置逻辑失效，也可能导致IBOutlet关联异常。
• 图片加载逻辑可能存在问题：如果loadImageWith是加载本地图片，需要确认example.jpg确实存在于项目Assets目录；如果是加载网络图片，需要确认有异步加载逻辑，不会因为主线程同步加载阻塞导致图片不显示。
• 额外潜在问题：未确认wImageView的约束是否正确，可能存在控件大小为0、被遮挡的情况。

修复步骤 #

1. 删掉collectionView(_:cellForItemAt:)方法中的collectionView.reloadData()调用，修正后代码如下：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CollectionViewCell", for: indexPath) as! CollectionViewCell
    cell.loadImageWith(imgView: cell.wImageView, url: Count[indexPath.row].imageUrl as String?)
    cell.wImageView.applyCircularImageView()
    return cell
}

2. 修正CollectionViewCell的awakeFromNib方法，去掉class关键字，可提前在该方法中配置图片圆角属性，避免复用重复设置：

import UIKit

class CollectionViewCell: UICollectionViewCell {
    @IBOutlet weak var wImageView: UIImageView!
    override func awakeFromNib() {
        super.awakeFromNib()
        // 提前配置圆角
        wImageView.clipsToBounds = true
        wImageView.layer.cornerRadius = 25
    }
}

3. 校验图片加载逻辑：
   • 本地图片：确认example.jpg已导入项目Assets目录，loadImageWith参考实现如下：

   func loadImageWith(imgView: UIImageView, url: String?) {
       guard let imgName = url else { return }
       imgView.image = UIImage(named: imgName)
   }
   

   • 网络图片：使用异步加载方案，避免阻塞主线程。
4. 检查wImageView的约束，确保其在CollectionViewCell内的宽高、位置约束正确，没有被其他控件遮挡。

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