在UICollectionView中将第一个UICollectionViewCell居中

时间:2018-09-27 00:24:42

标签: ios swift uicollectionview uicollectionviewcell uicollectionviewlayout

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

我是否可以将第一个单元格水平居中,然后在panLeft上使第二个单元格居中对齐-UICollectionView的宽度本身取决于屏幕/视图尺寸,并且单元格也按比例调整? >

从我所看到的参考文献中,我相信我需要使用UICollectionViewDelegateFlowLayout insetForSectionAt方法,但是由于某种原因,以及由于什么原因,我无法使其完全居中我相信只有一个单元格会导致UICollectionView变得可滚动,因为创建了足够的空间。

Illustration 1st two is an example with 2 cells, last is example with 1 cell

1 个答案:

答案 0 :(得分:0)

要使集合视图单元格居中,您的控制器必须确认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,则效果很好。