嘿，我来帮你搞定这个适配难题！iPhone 8 Plus上显示正常的单元格到iPad就乱了，核心问题是没有根据不同设备的屏幕尺寸动态调整单元格大小，下面给你两种实用的解决方案：

方案一：用FlowLayout代理方法动态计算尺寸（推荐） #

这种方法兼容性强，能精准控制不同设备的列数和单元格大小，步骤如下：

1. 先让你的CollectionViewController遵守UICollectionViewDelegateFlowLayout协议：

class YourCollectionVC: UICollectionViewController, UICollectionViewDelegateFlowLayout {
    // 你的现有代码
}

2. 实现sizeForItemAt代理方法，根据设备类型计算单元格尺寸：

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    // 定义间距和内边距，和你设计稿里的保持一致
    let spacing: CGFloat = 16
    let edgeInsets = UIEdgeInsets(top: spacing, left: spacing, bottom: spacing, right: spacing)
    
    // 计算屏幕可用宽度
    let availableWidth = UIScreen.main.bounds.width - edgeInsets.left - edgeInsets.right
    
    // 按设备设置列数：iPhone设2列，iPad设3列（可按需调整）
    let columnCount: CGFloat = UIDevice.current.userInterfaceIdiom == .pad ? 3 : 2
    
    // 计算单个单元格宽度：减去列间距后均分
    let itemWidth = (availableWidth - (columnCount - 1) * spacing) / columnCount
    
    // 高度可以设为固定值，或者和宽度成比例（比如1:1正方形）
    let itemHeight = itemWidth
    
    return CGSize(width: itemWidth, height: itemHeight)
}

3. 在viewDidLoad里同步FlowLayout的间距设置，避免和计算逻辑冲突：

override func viewDidLoad() {
    super.viewDidLoad()
    
    guard let flowLayout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout else { return }
    flowLayout.minimumInteritemSpacing = 16
    flowLayout.minimumLineSpacing = 16
    flowLayout.sectionInset = UIEdgeInsets(top: 16, left: 16, bottom: 16, right: 16)
}

方案二：用Compositional Layout（iOS 13+） #

如果你的项目适配iOS 13及以上，Compositional Layout是更现代的选择，布局逻辑更清晰：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 定义单元格尺寸：iPad占1/3宽度，iPhone占1/2宽度
    let itemWidthFraction: CGFloat = UIDevice.current.userInterfaceIdiom == .pad ? 1/3 : 1/2
    let itemSize = NSCollectionLayoutSize(
        widthDimension: .fractionalWidth(itemWidthFraction),
        heightDimension: .fractionalWidth(itemWidthFraction) // 保持正方形比例
    )
    let item = NSCollectionLayoutItem(layoutSize: itemSize)
    item.contentInsets = NSDirectionalEdgeInsets(top: 8, leading: 8, bottom: 8, trailing: 8)
    
    // 定义组布局：一行容纳所有单元格
    let groupSize = NSCollectionLayoutSize(
        widthDimension: .fractionalWidth(1.0),
        heightDimension: .fractionalWidth(itemWidthFraction)
    )
    let group = NSCollectionLayoutGroup.horizontal(layoutSize: groupSize, subitems: [item])
    
    // 定义section内边距
    let section = NSCollectionLayoutSection(group: group)
    section.contentInsets = NSDirectionalEdgeInsets(top: 16, leading: 16, bottom: 16, trailing: 16)
    
    // 应用布局
    collectionView.collectionViewLayout = UICollectionViewCompositionalLayout(section: section)
}

额外小提示 #

• 如果需要更精细的适配，可以根据具体屏幕尺寸（比如iPad Pro和iPad mini的差异）调整列数，而不只是依赖设备类型判断。
• 单元格内部的子视图一定要用自动布局，这样单元格尺寸变化时，内部内容才会跟着适配。

这样调整后，不管是iPhone 8 Plus还是各种iPad型号，单元格都能自动铺满屏幕，呈现整齐的布局啦！

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