當所有單元格的大小都不相同時，如何包裝UICollectionView的單元格？

Question

我有一個UICollectionView，我希望像這樣的網格中出現單元格：

給定單元格之間的16px填充，我做了一些工作來計算單元格的大小，但是我似乎無法弄清楚如何使這些單元格以我想要的方式包裝。 這是我當前UI的屏幕截圖。 目前，顏色是占位符，而我可以解決尺寸的糾結。 藍色將是透明的，紅色將是圖像。

我正在使用collectionView sizeForItemAt計算每個單元格的大小。

在Interface Builder中，集合視圖具有以下設置：

我確實嘗試減小了較小單元格的大小，以查看它們是否會彈出（我描述了float在CSS中的工作原理），但這沒有幫助。 它們只是在當前所在的行中變小，直到它們足夠小以適合右上角的3個小行為止。

任何指導將不勝感激。

編輯1：

我只是想將滾動方向設置為水平而不是垂直，並且滾動方向更近，但仍然不正確。 我實際上並未指定要在單元格之間設置16px裝訂線，即使這是計算單元格大小的目的。 我將如何去做？

Answer 1

我認為在您的情況下，最好通過子類化UICollectionViewLayout為集合視圖實現自定義布局。 Apple文檔中有更多詳細信息。