在 UICollectionView 中居中第一个 UICollectionViewCell

Posted 2023-03-14

【中文标题】在 UICollectionView 中居中第一个 UICollectionViewCell

【英文标题】：Center First UICollectionViewCell in UICollectionView

【发布时间】：2018-09-27 00:24:42

【问题描述】：

我有一个UICollectionView，它可以有一个单元格或两个单元格。

我是否可以将第一个单元格水平居中，并且 panLeft 上的第二个单元格同样居中 - 到 UICollectionView，其宽度调整为屏幕/视图大小并且单元格也按比例调整？

根据我看到的参考资料，我相信我需要使用 UICollectionViewDelegateFlowLayout insetForSectionAt 方法，但由于某种原因我无法将它完全居中，而且当它只有一个单元格时，我相信插图会导致 UICollectionView 变得可滚动，因为创建了足够的空间..

【问题讨论】：

请查看以下项目以供参考。我认为它对您的设计很有帮助。 github.com/jindulys/ChainPageCollectionView

【参考方案1】：

要使集合视图单元格居中，您的控制器必须确认 UICollectionViewDelegateFlowLayout 协议。使用以下代码使单元格居中：

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize 
    return CGSize(width: collectionView.frame.width * 0.7, height: 300)


func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets 
    let width = collectionView.frame.width
    let margin = width * 0.3
    return UIEdgeInsets(top: 10, left: margin / 2, bottom: 10, right: margin / 2)


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


func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat 
   return collectionView.frame.width * 0.3 / 2

如果你在 numberOfItemsInSection 方法中返回 1 或 2，它可以正常工作。