ios - 使用 Storyboard 设计 CollectionView 样式

Question

所以我目前正在使用 collectionViews 构建一个应用程序。然而接下来我希望行居中对齐。 (如果这有意义的话)。

正如您在这张图片中看到的:

这两个项目之间有一个巨大的白色区域。为什么第二个项目不位于第一个项目的正下方，并留有大约 8 像素的空白？

此外，我希望我的应用程序能够在 iPad 和 iPhone 上运行，因此使用此应用程序进行缩放对我来说非常重要。我希望我可以让每一行代表 25% 的 View 区域。我将如何实现这个目标？但仍然保持其美观/干净，并且在 iPad 和 iPhone 上都能正常运行。

编辑:另外，如果我减小尺寸以便可以将 3 个放在一起，它们首先会垂直堆叠而不是水平堆叠。即使它是一个水平滚动的 Collection View ？

Answer 1

空白是因为 UICollectionView 使用默认的 UICollectionViewFlowLayout

使用此方法可以实现您想要的:

func setCollectionLayout()
{
    let totalWidth = UIScreen.main.bounds.width
    let size = totalWidth * 0.1 // this is how you set item with a proportion of the screen
    let collectionLayout = UICollectionViewFlowLayout()
    collectionLayout.scrollDirection = .vertical
    collectionLayout.itemSize = CGSize(width: size , height: size)
    collectionLayout.minimumInteritemSpacing = 8
    collectionLayout.sectionInset = UIEdgeInsetsMake(8 , 0 , 8 , 0)
    collectionView.collectionViewLayout = collectionLayout
    collectionView.layoutSubviews()
}

如果您想要任何进一步的自定义，您可以覆盖UICollectionViewFlowLayout