UICollectionView的Cell间距

原创于 2022-09-06 10:25:02 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ios

iOS 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了如何在iOS中使用UICollectionView实现水平滚动，并详细说明了如何通过UICollectionViewFlowLayout设置cell之间的间距，包括minimumLineSpacing和minimumInteritemSpacing在水平滚动模式下的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

iOS中实现水平滚动的列表时，需要接入UICollectionView（因为UITableView只支持垂直滚动）。当我们希望设置水平滚动的列表中Cell间距时，UICollectionViewFlowLayout提供了2个属性来实现该效果。

minimumLineSpacing //每行的间隔距离
minimumInteritemSpacing //每个Cell的水平距离（每列的间隔距离）

上面的用法，当UIColloectionview是垂直滚动时，是能实现预期效果的，但是如果是水平滚动的话，两个属性的含义就变了。那么在水平滚动的UICollectionView中，设置Cell的水平间隔的代码如下：

let flowLayout = UICollectionViewFlowLayout()
        flowLayout.scrollDirection = .horizontal
        flowLayout.minimumLineSpacing = 16 //设置该属性的值为预期的水平间隔。
        flowLayout.estimatedItemSize = CGSize(56, 68)
        flowLayout.itemSize = CGSize.init(width: 56, height: 68)
        flowLayout.sectionInset = UIEdgeInsets(top: 0, left: 20, bottom: 0, right: 20)
        let view = FollowingUserCollectionView(frame: .zero, collectionViewLayout: flowLayout)
        view.backgroundColor = .clear