增加集合视图中单元格之间的间距大小

Question

我希望我的 collectionview 中的单元格之间有不同的间距。

我的收藏视图只包含一个部分。我知道可以更改部分之间的间距，但我会喜欢单元格之间的间距。

我希望居中单元格与其侧面之间的间距更大，并且其他单元格的间距不会移动。基本上，我的白色圆圈在不改变所有间距的情况下不会触及相邻单元格的边缘。

我的问题的图片在这里：

有解决办法吗？

Answer 1

你可以在你的视图控制器中实现这个方法：collectionView:layout:minimumInteritemSpacingForSectionAtIndex

Answer 2

您可以尝试创建 3 个不同的部分。

1. 1st Section - 包含较大单元格之前的单元格的部分，inter item spacing as 10
2. 第二部分 - 包含较大单元格的部分，带有section insets as (top: 0, left: 20, bottom: 0, right: 20)
3. 第 3 部分 - 包含较大单元格之后的单元格的部分，带有 inter item spacing as 10

您可以根据需要更改这些值。

代码如下：

func numberOfSections(in collectionView: UICollectionView) -> Int
{
    return 3
}

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int
{
    if section == 1
    {
        return 1
    }
    return 2
}

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell
{
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath)
    if indexPath.section == 1
    {
        cell.backgroundColor = UIColor.red
    }
    return cell
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize
{
    if indexPath.section == 1
    {
        return CGSize(width: 100, height: 100)
    }
    return CGSize(width: 82, height: 82)
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat
{
    if section == 1
    {
        return 0
    }
    return 5
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets
{
    if section == 1
    {
        return UIEdgeInsets(top: 0, left: 20, bottom: 0, right: 20)
    }
    return .zero
}

截图：

如果您仍然遇到任何问题，请告诉我。