如何让UICollectionViewCell左右间距均匀且每行显示2个？

看起来你遇到的核心问题是动态计算每行单元格数量时的逻辑偏差，加上没有完整实现UICollectionViewFlowLayout的必要代理方法，导致每行只显示1个单元格。我来帮你一步步修正：

问题分析 #

你原代码里的numberOfCells = floor(self.view.frame.size.width / cellWidth)逻辑会根据屏幕宽度动态计算每行能放的单元格数，但如果屏幕宽度除以110的结果大于2（比如iPhone 14的390宽度：390/110≈3.54），floor后得到3，这时候代码会试图每行放3个单元格，而你的单元格宽度固定110，当实际布局时可能因为collectionView的约束或其他原因，导致只能放下1个。另外，你没有实现sizeForItemAt方法明确单元格尺寸，也没设置单元格之间的最小间距，这都会影响布局效果。

解决方案 #

我们需要固定每行显示2个单元格，同时正确计算左右内边距和单元格间距，完整实现代理方法：

1. 完整实现UICollectionViewDelegateFlowLayout代理方法 #

确保你的ViewController遵循UICollectionViewDelegateFlowLayout协议，然后实现以下三个关键方法：

extension YourViewController: UICollectionViewDelegateFlowLayout {
    // 明确单元格尺寸
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        return CGSize(width: 110, height: 150)
    }
    
    // 设置单元格之间的最小间距（确保两个单元格之间的间距和左右内边距一致）
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
        let cellWidth: CGFloat = 110.0
        let numberOfCellsPerRow: CGFloat = 2
        // 用collectionView的宽度计算更准确，避免view.frame的布局时机问题
        let totalCellWidth = numberOfCellsPerRow * cellWidth
        let totalSpacingWidth = collectionView.bounds.width - totalCellWidth
        // 总间距数：左右内边距各1个 + 单元格之间的1个 = 3个
        let spacing = totalSpacingWidth / (numberOfCellsPerRow + 1)
        return spacing
    }
    
    // 设置section的内边距
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
        let cellWidth: CGFloat = 110.0
        let numberOfCellsPerRow: CGFloat = 2
        let totalCellWidth = numberOfCellsPerRow * cellWidth
        let totalSpacingWidth = collectionView.bounds.width - totalCellWidth
        let spacing = totalSpacingWidth / (numberOfCellsPerRow + 1)
        // 上下内边距可以根据需求调整，这里保持你原来的20顶部内边距
        return UIEdgeInsets(top: 20, left: spacing, bottom: 0, right: spacing)
    }
}

2. 修正布局时机问题 #

view.frame.width在viewDidLoad阶段可能还没有被AutoLayout正确计算，所以我们用collectionView.bounds.width来获取准确的宽度。如果还是有问题，可以在viewDidLayoutSubviews方法中刷新collectionView的布局：

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    collectionView.collectionViewLayout.invalidateLayout()
}

3. 检查Storyboard约束 #

确保你的UICollectionView的约束是左右紧贴父视图（或者你想要的宽度），没有额外的左右padding，否则会导致计算出来的间距不准确。

为什么这样有效？ #

• 固定numberOfCellsPerRow = 2，确保每行强制显示2个单元格
• 统一计算左右内边距和单元格之间的间距，保证所有间距均匀一致
• 使用collectionView.bounds.width获取准确的布局宽度，避免布局时机导致的宽度错误

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