Xcode中Storyboard设计的引导页Collection View Cell内容不显示

针对你遇到的代码无报错但CollectionView内容不显示的情况，按以下步骤排查修复：

• 绑定代理与数据源：你已经实现了UICollectionViewDelegate和UICollectionViewDataSource协议，但需要确保代理已绑定。在viewDidLoad中添加：

  ImageCollectionView.delegate = self
  ImageCollectionView.dataSource = self
  

  或者在Storyboard里右键拖拽CollectionView到当前ViewController，选择delegate和dataSource完成绑定。

• 确认Cell复用标识与注册：

  1. 检查Storyboard中OnBoardingCollectionViewCell的Reuse Identifier是否和代码里的OnBoardingCollectionViewCell.identifier完全一致；
  2. 如果是纯代码创建的Cell，需要在viewDidLoad中注册：

     ImageCollectionView.register(OnBoardingCollectionViewCell.self, forCellWithReuseIdentifier: OnBoardingCollectionViewCell.identifier)
     

• 修复布局与约束：

  • 检查CollectionView的约束是否正确，确保它的宽高不为0、没有被其他控件遮挡；
  • 若需要横向滚动的引导页布局，可在viewDidLoad中添加：

    let flowLayout = UICollectionViewFlowLayout()
    flowLayout.itemSize = ImageCollectionView.bounds.size
    flowLayout.scrollDirection = .horizontal
    flowLayout.minimumLineSpacing = 0
    ImageCollectionView.collectionViewLayout = flowLayout
    ImageCollectionView.isPagingEnabled = true
    

• 刷新数据：在给slides数组赋值完成后，调用ImageCollectionView.reloadData()触发CollectionView加载数据：

  slides = [
      OnBoardingSlide(title: "This is the Title", description: "This is the description", image: UIImage(named: "onBoarding1")!),
      OnBoardingSlide(title: "This is the Title", description: "This is the description", image: UIImage(named: "onBoarding2")!),
      OnBoardingSlide(title: "This is the Title", description: "This is the description", image: UIImage(named: "onBoarding1")!)
  ]
  ImageCollectionView.reloadData()
  

• 验证Cell是否加载：可以临时在OnBoardingCollectionViewCell的setup方法里给Cell背景设置一个颜色（比如self.backgroundColor = .red），如果能看到红色块，说明Cell已加载，问题出在图片或Label的约束/赋值上；如果看不到，说明Cell没有被创建，回到前面的步骤排查。

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