如何禁用UICollectionView滚动并显示全部内容？实现自动换行横向UIView列表

嘿，这个需求我太熟了！我之前做标签云的时候就遇到过一模一样的场景——用UICollectionView FlowLayout实现自动换行，但又不想让它滚动，要一次性显示所有内容。其实核心就是两步：禁用滚动 + 让CollectionView高度自适应内容，具体操作我给你拆解清楚：

1. 先禁用UICollectionView的滚动功能 #

这一步最简单，直接设置：

collectionView.isScrollEnabled = false

但光这么做还不够，因为默认CollectionView的高度是固定的，内容超出的话会被截断，所以关键是第二步。

2. 让CollectionView高度自适应全部内容 #

系统的FlowLayout会自动计算出所有内容的总高度（存在collectionViewContentSize属性里），我们只需要让CollectionView的高度跟着这个值走就行，有两种常用方法：

方法A：用KVO监听内容尺寸变化（实时更新） #

适合数据动态变化的场景，比如用户添加/删除标签时自动更新高度：

// 在视图控制器的viewDidLoad里添加监听
override func viewDidLoad() {
    super.viewDidLoad()
    // ... 初始化CollectionView和FlowLayout的代码
    collectionView.addObserver(self, forKeyPath: "contentSize", options: .new, context: nil)
}

// 实现KVO的监听回调
override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
    guard keyPath == "contentSize", let newSize = change?[.newKey] as? CGSize else {
        super.observeValue(forKeyPath: keyPath, of: object, change: change, context: context)
        return
    }
    // 假设你已经给CollectionView加了高度约束的引用（collectionViewHeightConstraint）
    collectionViewHeightConstraint.constant = newSize.height
}

// 记得在销毁时移除监听，避免内存泄漏
deinit {
    collectionView.removeObserver(self, forKeyPath: "contentSize")
}

方法B：数据刷新后手动更新高度 #

如果数据不是实时频繁变化，比如只在页面初始化时加载一次，这种方法更简单：

// 当你的数据源更新后，调用reloadData，然后强制布局并更新高度
func updateTags() {
    tags = getDynamicTags() // 你的动态数据获取逻辑
    collectionView.reloadData()
    // 强制CollectionView完成布局，确保contentSize计算正确
    collectionView.layoutIfNeeded()
    // 更新高度约束
    collectionViewHeightConstraint.constant = collectionView.contentSize.height
}

3. 关键细节：确保FlowLayout正确计算换行 #

因为你每个UIView的宽度不一样，一定要在FlowLayout的代理方法里返回精确的item尺寸，不能用默认的固定尺寸：

// 实现UICollectionViewDelegateFlowLayout代理
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    let tagText = tags[indexPath.item]
    // 根据文本内容计算宽度（记得加上cell的内边距）
    let textWidth = tagText.size(withAttributes: [.font: UIFont.systemFont(ofSize: 16)]).width
    let totalWidth = textWidth + 16 // 左右各8pt的内边距
    return CGSize(width: totalWidth, height: 40) // 高度可以固定或动态计算
}

同时别忘了设置FlowLayout的间距参数，让布局更美观：

let flowLayout = UICollectionViewFlowLayout()
flowLayout.minimumLineSpacing = 8 // 行与行之间的间距
flowLayout.minimumInteritemSpacing = 8 // 同一行内item之间的间距
flowLayout.sectionInset = UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8) // 整个CollectionView的内边距

这样设置之后，FlowLayout就会自动根据CollectionView的宽度判断是否换行：

• 场景1：行内空间充足：所有能放下的item会排在同一行
• 场景2：行内空间不足：超出的item自动换到下一行

内容的提问来源于stack exchange，提问作者Neekobus