如何在 UICollectionView 中将单个单元格居中进行筛选？答案

【问题标题】：How to Center Individual Cells to Screen in UICollectionView?如何在 UICollectionView 中将单个单元格居中进行筛选？
【发布时间】：2020-08-08 16:48:37
【问题描述】：

我的水平集合视图中有两个项目，我试图使它们居中，以便每次滑动时，一个单元格完全居中并且与边缘均匀间隔。此外，一次只能在屏幕上显示一个单元格。

这是目前的样子。单元格与侧面没有事件间隔。

extension HomeVC : UICollectionViewDelegateFlowLayout {
    
    func collectionView(_ collectionView: UICollectionView,
                        layout collectionViewLayout: UICollectionViewLayout,
                        sizeForItemAt indexPath: IndexPath) -> CGSize {
        
        return CGSize(width: collectionView.bounds.size.width - 25, height: 100)
    }
    
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
        
        return .init(top: 0, left: 20, bottom: 0, right: 20)
    }
    
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
        return 20
    }
}

它们应该是这样的，与边缘等距。

【问题讨论】：

故事板上单元格的最小间距为 0。

标签： swift uicollectionview uicollectionviewcell

【解决方案1】：

为行和单元格设置最小间距 == 0

Please refer to this image

【讨论】：

【解决方案2】：

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    return CGSize(width: collectionView.bounds.size.width - 20, height: 100)

}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {

    return .init(top: 0, left: 10, bottom: 0, right: 10)
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
    return 10
}

还要检查启用分页。适合你的情况。

【讨论】：