如何使用UICollectionView将此布局归档为shopkick

Question

正如您在图片中看到的那样，在某个地方，一行会占用两个列空间。但据我所知，UICollectionView仅显示多行和多列的项目。我不想使用页眉和页脚，因为它随机出现。我想知道该怎么做，任何人都可以帮助我吗？

Answer 1

使用默认UICollectionViewFlowLayout的UICollectionViews继续向一行添加项目，直到某个项目不再适合。

所以在你的sizeForItemAtIndexPath函数中，如果你返回
indexPath 0 - ＆gt; CGSize（160,160）
indexPath 1 - ＆gt; CGSize（160,160）
indexPath 2 - ＆gt; CGSize（320,160）
indexPath 3 - ＆gt; CGSize（160,160）
indexPath 4 - ＆gt; CGSize（160,160）
等等....

将显示Collection视图（假设集合视图宽度为320）
0,1 --2--
3,4，

支持不：如果未占用行的整个宽度，则默认行为是居中元素。因此，在上一个示例中，如果indexPath 2的宽度为180，因为它不能适合另一个160宽度的项目，180宽度项目将居中于该行的中间。