CollectionView：各分区列数不同的实现方案咨询

嘿，这个需求其实挺常见的，用UICollectionView的FlowLayout代理就能轻松搞定！我给你一步步拆解实现方法，保证你一看就懂：

要实现不同分区列数不同，关键就在于利用UICollectionViewDelegateFlowLayout的代理方法，根据当前分区索引来计算对应的Cell宽度，从而实现不同的列数效果。

步骤1：初始化CollectionView与基础布局 #

先创建FlowLayout并设置基础的间距、内边距，再初始化CollectionView并关联代理和数据源：

// 初始化FlowLayout，设置基础布局参数
let flowLayout = UICollectionViewFlowLayout()
flowLayout.minimumInteritemSpacing = 8 // 列与列之间的间距
flowLayout.minimumLineSpacing = 8 // 行与行之间的间距
flowLayout.sectionInset = UIEdgeInsets(top: 16, left: 16, bottom: 16, right: 16) // 分区的内边距

// 创建CollectionView
let collectionView = UICollectionView(frame: view.bounds, collectionViewLayout: flowLayout)
collectionView.delegate = self
collectionView.dataSource = self
collectionView.register(YourCustomCell.self, forCellWithReuseIdentifier: "CustomCell") // 注册你的自定义Cell
view.addSubview(collectionView)

步骤2：实现数据源基础方法 #

先定义好分区数量和每个分区的Item数量：

extension YourViewController: UICollectionViewDataSource {
    // 返回分区数量，这里我们需要2个分区
    func numberOfSections(in collectionView: UICollectionView) -> Int {
        return 2
    }
    
    // 根据分区返回对应的数据量，你可以根据自己的实际数据调整
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return section == 0 ? 6 : 4 // 第一分区6个Item，第二分区4个
    }
    
    // 复用Cell的方法，替换成你的自定义Cell逻辑
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CustomCell", for: indexPath) as! YourCustomCell
        // 配置Cell内容，比如cell.textLabel.text = "Item \(indexPath.item)"
        return cell
    }
}

步骤3：核心代理方法——动态计算Cell尺寸 #

这一步是实现不同列数的关键，通过sizeForItemAt方法，根据分区索引计算对应的Cell宽度：

extension YourViewController: UICollectionViewDelegateFlowLayout {
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        guard let flowLayout = collectionViewLayout as? UICollectionViewFlowLayout else {
            return CGSize.zero
        }
        
        // 计算当前分区可用的宽度：CollectionView宽度 - 左右内边距
        let availableWidth = collectionView.bounds.width - flowLayout.sectionInset.left - flowLayout.sectionInset.right
        
        // 根据分区设置列数：第一分区3列，第二分区2列
        let columnCount: CGFloat = indexPath.section == 0 ? 3 : 2
        // 计算总间距：列间距 * (列数 - 1)
        let totalSpacing = flowLayout.minimumInteritemSpacing * (columnCount - 1)
        
        // 计算Cell宽度，取整避免小数导致布局错位
        let cellWidth = floor((availableWidth - totalSpacing) / columnCount)
        // 这里设置Cell高度为和宽度一致（正方形），你可以根据需求调整为固定高度或比例
        return CGSize(width: cellWidth, height: cellWidth)
    }
}

额外注意事项 #

• 如果需要支持屏幕旋转，记得在旋转时让布局重新计算：

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
    super.viewWillTransition(to: size, with: coordinator)
    collectionView.collectionViewLayout.invalidateLayout()
}

• 要是后续需要更多不同列数的分区，可以把列数配置成一个数组，比如let columnConfigs = [3, 2, 4]，然后通过columnConfigs[indexPath.section]来获取对应列数，扩展性更强。
• 如果你用的是Objective-C，思路完全一致，只是代理方法名变成collectionView:layout:sizeForItemAtIndexPath:，语法调整成OC的写法即可。

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