UICollectionView水平滚动时如何根据标签尺寸动态计算Cell宽度

刚好我之前也做过类似的需求，要让水平滚动的UICollectionView里的Cell宽度根据内部单行标签的内容自动调整，核心就是利用UICollectionViewDelegateFlowLayout的代理方法来动态计算尺寸，给你整理了完整的实现步骤和代码：

核心实现代码 #

首先假设你已经有存储所有标签文本的数组，比如let labels: [String] = ["首页", "我的收藏", "热门推荐", "很长很长的测试标签"]，然后实现sizeForItemAt代理方法：

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    // 获取当前标签的文本
    let labelText = labels[indexPath.item]
    
    // 这里要和你Cell内UILabel的字体完全一致，避免计算偏差
    let labelFont = UIFont.systemFont(ofSize: 14, weight: .medium)
    let textAttributes: [NSAttributedString.Key: Any] = [.font: labelFont]
    
    // 计算文本的原始尺寸（单行模式下的宽度）
    let textSize = labelText.size(withAttributes: textAttributes)
    
    // 加上Cell内的左右边距（比如我这里给标签左右各留8pt的间距，所以加16）
    let finalCellWidth = textSize.width + 16
    // Cell高度固定，根据你的设计稿调整，比如32pt
    let cellHeight: CGFloat = 32
    
    return CGSize(width: finalCellWidth, height: cellHeight)
}

配套的布局设置 #

别忘了给UICollectionView配置水平滚动的FlowLayout，同时设置标签之间的间距：

// 在初始化UICollectionView的时候配置
let flowLayout = UICollectionViewFlowLayout()
flowLayout.scrollDirection = .horizontal
flowLayout.minimumInteritemSpacing = 10 // 标签之间的间距，按需修改
flowLayout.sectionInset = UIEdgeInsets(top: 8, left: 16, bottom: 8, right: 16) // 整体的内边距

let collectionView = UICollectionView(frame: .zero, collectionViewLayout: flowLayout)

注意事项 #

• Cell内的标签配置：Cell里的UILabel一定要设置numberOfLines = 1（单行），并且约束要正确——比如标签的左右距离Cell边缘各8pt，上下居中，这样标签会自动适配Cell的宽度。
• 字体一致性：计算尺寸时用的字体必须和Cell内标签的字体完全相同，包括字号、字重，否则会出现宽度计算不准的情况。
• 动态字体适配：如果需要支持系统动态字体，可以监听UIContentSizeCategory.didChangeNotification，收到通知后调用collectionView.reloadData()重新计算所有Cell的尺寸。

这样就能完美实现水平滚动的标签栏，每个Cell的宽度都刚好适配内部标签的文本长度啦～

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