UICollectionView有两列,不同的单元格大小和一个接一个

Question

这基本上就是我的目标:

但我的集合视图看起来像这样:

在不同的行之间有某种分隔符.我不需要它们用自动布局调整大小,它是4个单元格的重复模式,所以我知道每个单元格的确切大小.

我正在使用

  func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {

对于每个细胞的大小

这是我的流程布局:

let flowLayout = UICollectionViewFlowLayout()
    flowLayout.scrollDirection = .Vertical
    flowLayout.minimumLineSpacing = 10
    flowLayout.minimumInteritemSpacing = 5

如何处理这种分离？

Answer 1

你不能这样做UICollectionViewFlowLayout.你必须是子类UICollectionViewLayout并创建自己的自定义集合视图布局.

值得庆幸的是,Ray Wenderlich的优秀人员已经完成了如何创建自定义集合视图布局的教程,该布局模仿了Pinterest App的布局.这种布局完全符合您的目标.

UICollectionView自定义布局教程:Pinterest