自定义布局 UICollectionView swift答案

【问题标题】：Custom layout UICollectionView swift自定义布局 UICollectionView swift
【发布时间】：2016-06-28 02:09:02
【问题描述】：

我正在尝试实现这样的自定义布局：

我正在尝试通过 UICollectionView 来实现它。首先，我使用此代码来获得所需的大小：

func collectionView(collectionView: UICollectionView,
    layout collectionViewLayout: UICollectionViewLayout,
    sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize{
        return CGSizeMake((collectionView.frame.size.width / 2) - 2 , (collectionView.frame.size.height / 3) - 2)
}

一切正常。

问题是我的图片没有正确居中。我是这样做的：

让我解释一下：

在 X 上对齐 uiimage 中心的一个约束
在 Y 上做同样事情的一个约束
保持图像比例的一个约束
一个约束说图像的高度是单元格高度的 70%

结果与预期的不太一样：

【问题讨论】：

标签： ios swift layout uicollectionview swift2

【解决方案1】：

我使用自定义布局做到了。

    let collLayout:UICollectionViewFlowLayout = layout as! UICollectionViewFlowLayout
    collLayout.scrollDirection = .Vertical
    collLayout.minimumInteritemSpacing = 10
    let width = (frame.size.width - 3*collLayout.minimumInteritemSpacing)*0.5

    collLayout.itemSize = CGSizeMake(width, width)

    collLayout.sectionInset = UIEdgeInsetsMake(0, 10, 0, 10)

然后使用此自定义布局初始化您的集合视图。

【讨论】：