在iOS世界中，UICollectionViewCompositionalLayout的设计并不完全是为了在向组的方向滚动时处理不同大小的单元格。当您设置了正交滚动行为时，通常认为正交滚动组中的所有项目大小相同。
不过，别担心，我们有办法。我们可以对内部列表使用UICollectionViewFlowLayout，而不是对外部垂直列表和内部水平列表都使用UICollectionViewCompositionalLayout。这种方法非常灵活，可以处理可变的单元格大小。但是，请记住，如果您有大量的数据，这可能不是最有效的解决方案。
让我们像这样重构createSection函数：

func createSection(sectionIndex: Int, layoutEnvironment: NSCollectionLayoutEnvironment) -> NSCollectionLayoutSection {
    let itemSize = NSCollectionLayoutSize(
        widthDimension: .fractionalWidth(1.0),
        heightDimension: .estimated(44)
    )
    let item = NSCollectionLayoutItem(layoutSize: itemSize)
    let groupSize = NSCollectionLayoutSize(
        widthDimension: .fractionalWidth(1.0),
        heightDimension: .estimated(44)
    )
    let group = NSCollectionLayoutGroup.horizontal(layoutSize: groupSize, subitem: item, count: 1)
    let section = NSCollectionLayoutSection(group: group)
    section.interGroupSpacing = 16.0
    return section
}

字符串
然后，在处理UICollectionViewDataSource时，您将像往常一样出列并设置单元。但这里有一个转折-在每个单元格中，你会有一个嵌套的UICollectionView使用UICollectionViewFlowLayout：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: MyCell.identifier, for: indexPath) as! MyCell

    let flowLayout = UICollectionViewFlowLayout()
    flowLayout.scrollDirection = .horizontal
    flowLayout.estimatedItemSize = CGSize(width: 90, height: 44)
    
    cell.nestedCollectionView.collectionViewLayout = flowLayout
    cell.nestedCollectionView.dataSource = self
    cell.nestedCollectionView.delegate = self
    cell.nestedCollectionView.reloadData()
    
    return cell
}

型
最后，确保你的单元格可以处理嵌套的UICollectionView：

class MyCell: UICollectionViewCell {
    static let identifier = "MyCell"
    
    let nestedCollectionView: UICollectionView = {
        let collectionView = UICollectionView(frame: .zero, collectionViewLayout: UICollectionViewFlowLayout())
        collectionView.translatesAutoresizingMaskIntoConstraints = false
        return collectionView
    }()
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        contentView.addSubview(nestedCollectionView)
        
        NSLayoutConstraint.activate([
            nestedCollectionView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor),
            nestedCollectionView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor),
            nestedCollectionView.topAnchor.constraint(equalTo: contentView.topAnchor),
            nestedCollectionView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor),
        ])
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

型
这个解决方案应该能提供您所需要的行为，但是请记住，它需要管理两个集合视图。此外，您可能会遇到一些需要解决的其他挑战。如果你有大量的细胞，这个解决方法可能会有点慢，所以它不是随便使用的。