ios - 在每行 uicollectionview 中适合给定数量的单元格

Question

我有一个 Collection View ，我希望每行有 4 个单元格。我知道要完成此操作，我需要做的就是将 collectionview.frame.size.width 除以 4。这很简单。但是，我不知道的是如何考虑 Collection View 侧面的插图和单元格之间的间距。我在 Collection View 的左侧和右侧有 10 个像素的插图，并且单元格之间有 10 个像素的间距。考虑到这些 10 像素的插图，如何计算所需的单元格宽度？

Answer 1

swift 4+

UICollectionViewDataSource 方法

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

    let noOfCellsInRow = 4

    let flowLayout = collectionViewLayout as! UICollectionViewFlowLayout

    let totalSpace = flowLayout.sectionInset.left
        + flowLayout.sectionInset.right
        + (flowLayout.minimumInteritemSpacing * CGFloat(noOfCellsInRow - 1))

    let size = Int((collectionView.bounds.width - totalSpace) / CGFloat(noOfCellsInRow))

    return CGSize(width: size, height: size)
}