ios - 单元格 uicollectionviewflowlayout 之间的边距相同

Question

我已经在google和 stackoverflow 上搜索了一段时间，试图对我完成一个相当简单的操作，UICollectionViewCells但直到现在我还无法做到。

我想要的是CollectionViewController每行有两个单元格。每个单元格的顶部、左侧、底部和右侧必须具有相同的边距。

到目前为止，我所拥有的是：

问题是我希望在单元格的每一侧都有相同数量的边距。这意味着EdgeInsets左右都必须是 14 而不是 7..

我无法做到这一点。我知道我错过了一些东西，但我不知道是什么。

我正在使用一个FlowLayout，这是的代码UICollectionViewDelegateFlowLayout

fileprivate let phoneSectionInsets = UIEdgeInsets(top: 14.0, left: 7.0, bottom: 20.0, right: 7.0)

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {

        let phoneHeight = 250
        let fixedWidth = 220

        return CGSize(width: (collectionView.bounds.size.width / 2 - (phoneSectionInsets.left + phoneSectionInsets.right)), height: CGFloat(phoneHeight))

}

func collectionView(_ collectionView: UICollectionView,
                        layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {

    return phoneSectionInsets
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {

    return 14.0
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {

    return 14.0
}

如果我将边缘插图从左右设置为 14，那么我在左右两侧有 14 个边距，但在单元格之间我有 28..

非常感谢你的帮助。

Answer 1

您需要在 sizeforitem 中交叉检查您的代码

fileprivate let phoneSectionInsets = UIEdgeInsets(top: 14.0, left: 14.0, bottom: 20.0, right: 14.0)

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {

        let phoneHeight = 250
        let fixedWidth = 220

        return CGSize(width: (collectionView.bounds.size.width -  (phoneSectionInsets.left + phoneSectionInsets.right + 14/*item spacing */))/2.0, height: CGFloat(phoneHeight))

}

在计算项目宽度时，您需要考虑左右边距以及间距之间的项目。

Answer 2

我用这段代码在我的应用程序中做同样的事情：

    let width = (UIScreen.main.bounds.size.width-30)*0.5
    collectionViewFlowLayout.itemSize =  CGSize(width: width, height: UIScreen.main.bounds.size.width * 0.5)
    collectionViewFlowLayout.scrollDirection = .vertical
    collectionViewFlowLayout.sectionInset = UIEdgeInsets(top: 10,left: 10,bottom: 10,right: 10)
    collectionViewFlowLayout.minimumInteritemSpacing = 10
    collectionViewFlowLayout.minimumLineSpacing = 10

注意：我采用了流布局的出口，而不是使用委托方法。

根据您的需要更改单元格大小。