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

时间:2015-10-10 04:33:49

标签: ios swift

这基本上是我的目标:

enter image description here

但我的收藏视图如下:

enter image description here

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

我正在使用

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

表示每个单元格的大小

这是我的流程布局:

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

如何处理这种分离?

1 个答案:

答案 0 :(得分:7)

您无法使用UICollectionViewFlowLayout执行此操作。您必须子类UICollectionViewLayout并创建自己的自定义集合视图布局。

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

UICollectionView Custom Layout Tutorial: Pinterest