ios - 使 UICollectionViewFlowLayout 不在同一行上居中单元格

Question

根据 Apple 文档:

如果您想为您的单元格指定不同的大小，您必须在 Collection View 委托(delegate)上实现 collectionView:layout:sizeForItemAtIndexPath: 方法。您可以使用提供的索引路径信息返回相应项目的大小。在布局过程中，流布局对象将项目垂直居中放置在同一行上，如图 3-2 所示。然后，线条的总高度或宽度由该维度中最大的项目决定。

https://developer.apple.com/library/content/documentation/WindowsViews/Conceptual/CollectionViewPGforIOS/UsingtheFlowLayout/UsingtheFlowLayout.html#//apple_ref/doc/uid/TP40012334-CH3-SW1

现在我有一个包含 2 列和高度不同的单元格的 Collection View 。问题是较小的单元格居中，较高的单元格位于其左侧/右侧，但不会向上 float ，其下方的单元格也向上 float 。

我怎样才能做到这一点？

我有什么:

我想要的:

我似乎应该将 UICollectionViewFlowLayout 子类化，但我应该如何实现呢？

Answer 1

您想要的 Collection View 布局类型称为“瀑布布局”。实现有点棘手，因为您需要覆盖 UICollectionViewFlowLayout 的基本行为。

我建议你看看this tutorial by Ray Wenderlich用于从地面构建瀑布布局，或者 - 如果您需要一个已经打包的库 - 使用 GitHub 上的库，例如 CHTCollectionViewWaterfallLayout , WaterfallCollectionView或 CollectionViewWaterfallLayout