如何为UICollectionView的每个Cell配备独立UIViewController？

这个需求其实挺常见的——给UICollectionView的每个Cell绑定独立的UIViewController，核心思路就是把每个ViewController作为Cell的子控制器嵌入进去，下面我给你一步步拆解实现步骤，保证你能快速搞定：

1. 准备独立的UIViewController类 #

首先你得先创建好4个各自独立的ViewController，比如命名为PageOneVC、PageTwoVC、PageThreeVC、PageFourVC，每个里面写好自己的UI布局和业务逻辑就行，不用管CollectionView的事情。

2. 自定义UICollectionViewCell #

创建一个自定义Cell类（比如PageCollectionViewCell），里面需要一个容器视图来承载ViewController的View，同时要持有对应的ViewController引用，防止它被提前释放：

import UIKit

class PageCollectionViewCell: UICollectionViewCell {
    // 用来承载VC视图的容器
    private let containerView = UIView()
    // 持有对应的VC，避免被销毁
    var viewController: UIViewController? {
        didSet {
            // 先移除旧的VC（Cell复用时会用到）
            if let oldVC = oldValue {
                oldVC.willMove(toParent: nil)
                oldVC.view.removeFromSuperview()
                oldVC.removeFromParent()
            }
            // 添加新的VC到Cell中
            if let newVC = viewController {
                // 获取Cell所在的父控制器（也就是你的SwipingController）
                guard let parentVC = superview?.next as? UIViewController else { return }
                
                // 将VC添加为父控制器的子控制器
                parentVC.addChild(newVC)
                containerView.addSubview(newVC.view)
                newVC.view.frame = containerView.bounds
                newVC.didMove(toParent: parentVC)
            }
        }
    }
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupContainerView()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupContainerView()
    }
    
    private func setupContainerView() {
        containerView.translatesAutoresizingMaskIntoConstraints = false
        addSubview(containerView)
        // 让容器视图铺满整个Cell
        NSLayoutConstraint.activate([
            containerView.topAnchor.constraint(equalTo: topAnchor),
            containerView.leadingAnchor.constraint(equalTo: leadingAnchor),
            containerView.trailingAnchor.constraint(equalTo: trailingAnchor),
            containerView.bottomAnchor.constraint(equalTo: bottomAnchor)
        ])
    }
}

3. 配置SwipingController的CollectionView #

在你的SwipingController里，注册自定义Cell，然后在数据源方法中给每个Cell分配对应的ViewController：

import UIKit

class SwipingController: UICollectionViewController {
    // 提前准备好4个VC的数组，顺序对应CollectionView的Cell顺序
    private let viewControllers: [UIViewController] = [
        PageOneVC(),
        PageTwoVC(),
        PageThreeVC(),
        PageFourVC()
    ]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 注册自定义Cell
        collectionView.register(PageCollectionViewCell.self, forCellWithReuseIdentifier: "PageCell")
        // 开启分页效果（可选，根据你的需求）
        collectionView.isPagingEnabled = true
        collectionView.showsHorizontalScrollIndicator = false
    }
    
    // 返回Cell数量，对应你的4个页面
    override func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return viewControllers.count
    }
    
    override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "PageCell", for: indexPath) as! PageCollectionViewCell
        // 给当前Cell绑定对应的VC
        cell.viewController = viewControllers[indexPath.item]
        return cell
    }
}

// 扩展实现FlowLayout代理，确保每个Cell占满屏幕
extension SwipingController: UICollectionViewDelegateFlowLayout {
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        return view.bounds.size
    }
    
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
        return 0
    }
}

4. 几个关键注意点 #

• 记得给每个自定义ViewController设置背景色或者内容，不然可能会出现“空白Cell”的错觉。
• Cell复用逻辑已经在自定义Cell里处理了，滑动时旧的VC会被正确移除，不用担心内存泄漏问题。
• 确保SwipingController的CollectionView使用的是UICollectionViewFlowLayout（默认就是这个），如果用自定义布局，要保证Cell的尺寸设置正确。

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