使用UICollectionViewCompositionalLayout进行垂直全屏分页

Question

我正在尝试使用UICollectionViewCompositionalLayout创建一个垂直分页的UICollectionView，类似于TikTok滚动提要的方式。我非常接近实现这一体验，然而，单元格的大小并不是我期望的那样，即全屏宽和高。这是我在翻页时想出的垂直滚动的布局：

let itemSize = NSCollectionLayoutSize(
    widthDimension: .fractionalWidth(1.0),
    heightDimension: .fractionalHeight(1.0)
)
let layoutItem = NSCollectionLayoutItem(layoutSize: itemSize)

let groupSize = NSCollectionLayoutSize(
    widthDimension: .fractionalWidth(1.0),
    heightDimension: .fractionalHeight(1.0)
)
let layoutGroup = NSCollectionLayoutGroup.vertical(
    layoutSize: groupSize,
    subitems: [layoutItem]
)

let layoutSection = NSCollectionLayoutSection(group: layoutGroup)
layoutSection.orthogonalScrollingBehavior = .groupPaging

let config = UICollectionViewCompositionalLayoutConfiguration()
config.scrollDirection = .horizontal

let layout = UICollectionViewCompositionalLayout(section: layoutSection, configuration: config)
return layout

这是集合视图中单元格的屏幕截图(我对每个单元格使用随机颜色)：

​

​

有趣的是，如果我设置了config.scrollDirection = .vertical，单元格的大小是我期望的(全屏大小)，但它是水平滚动而不是垂直滚动。

Answer 1

只需添加

config.contentInsetsReference = .none