我有一个uiCollectionView,我希望单元格以这样的网格显示:

我做了一些工作来计算单元格的大小,在单元格之间设置了16px的填充,但我似乎无法想出如何让单元格按照我想要的方式进行包装这是我当前用户界面的截图。当我计算尺寸中的扭结时,颜色当前是一个占位符。蓝色是透明的,红色是图像。

我正在使用collectionview sizeforitemat计算每个单元格的大小。

在界面生成器中,“集合”视图具有以下设置:

我确实试着缩小小细胞的大小,看看它们是否会弹出(我想象 float 在CSS中工作),但没有帮助它们只是在它们当前所在的行中变小了,直到它们足够小,可以在右上角的行中容纳3个小的行。

任何指导都将不胜感激。

编辑1:

我只是想将滚动方向设置为水平而不是垂直,它更接近,但仍然不正确我实际上并没有指定要在单元之间使用16px的排水沟,尽管这是计算单元大小的依据。我该怎么做呢?