ios - Swift:UICollectionView - 单元格之间的固定空间

Question

我正在使用 UICollectionView 来获取不同大小的 UIButton 列表。在 Storyboard 中，我为 Collection View 设置了前导和尾随约束(每个 20px 与安全区域相关)。这就是我得到的:

如您所见，单元格之间的空间(我在 Storyboard 中设置的)增加了以“对齐”单元格。那不是我想要的，我希望单元格之间有固定的空间，并最终在行的末尾有更多空间。可能吗？

Answer 1

import UIKit

class CustomImageFlowLayout: UICollectionViewFlowLayout {

override init() {
    super.init()
    setupLayout()
}

required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
    setupLayout()
}

func setupLayout() {
    minimumInteritemSpacing = 1
    minimumLineSpacing = 1
    scrollDirection = .vertical
}

override var itemSize: CGSize {
    set {

    }
    get {
        let numberOfColumns: CGFloat = 3 //no of columns

        let itemWidth = (self.collectionView!.frame.width - (numberOfColumns - 1)) / numberOfColumns
        return CGSize(width: itemWidth, height: itemWidth + 5)
    }
}
}


On your collection view controller 

@IBOutlet weak var colectionvw: UICollectionView!

var collectionViewLayout: CustomImageFlowLayout!

override func viewDidLoad()
{
    super.viewDidLoad()
    collectionViewLayout = CustomImageFlowLayout()
    colectionvw.collectionViewLayout = collectionViewLayout
}