如何居中對齊CollectionView單元格？

Question

嗨，有一個collectionview。 每個單元的寬度為screenwidth / 3。 表示連續3個單元格。 現在。 如果有10或11個像元，則將有4行。 最后一行有1或2個單元格。 問題是，我想在不更改其大小的情況下將這些單元對齊到中心。 現在，單元格左對齊。

注意：我想在一個部分中實現此目的（因為collection-view已經有多個部分）。 圖片附上我想實現的目標。

Answer 1

您可以使用多個部分來解決此問題。 條數應為

numberOfSection = totalItemCount/3 > Int(totalItemCount/3) ? Int(totalItemCount/3) + 1 : Int(totalItemCount/3)

不要使用天花板。 然后該部分中的項目數應為

numberOfItemInSection = totalItemCount-section*3 < 3 ? totalItemCount-section*3 : 3

然后實現UICollectionViewDelegateFlowLayout委托。 在collectionView(_ collectionView:, layout:, insetForSectionAt:)設置的位置，

let minimumInterItemSpacing: CGFloat = 8.0
// minimumInterItemSpacing should be same in the delegate function
let itemCountInSection = collectionView.numberOfItems(inSection: section)
let edgeSpace = (collectionView.bounds.width - ((itemCountInSection*self.itemWidth) + (minimumInterItemSpacing*(itemCountInSection-1)))) / 2
return UIEdgeInsets(top: self.topSpace, left: edgeSpace, bottom: self.bottomSpace, right: edgeSpace)

設置其他適合您的委托方法。