聊天APP中Collection View单元格尺寸适配问题排查

核心问题分析 #

你当前的问题源于自动尺寸逻辑冲突和Cell内部约束/配置缺失：

1. 同时启用estimatedItemSize = .automaticSize和实现sizeForItemAt返回固定宽度，导致FlowLayout的自动尺寸计算逻辑混乱；
2. Cell内文本标签的基础配置（多行、约束）可能未正确设置，导致文本超出或布局异常。

分步解决方案 #

1. 修正ViewController的FlowLayout配置

删掉sizeForItemAt代理方法，改用sectionInset控制Cell的左右边距，让自动尺寸逻辑正常工作：

@IBOutlet weak var layout: UICollectionViewFlowLayout! {
    didSet {
        layout.estimatedItemSize = UICollectionViewFlowLayout.automaticSize
        // 用sectionInset设置左右边距，替代sizeForItemAt里的宽度计算
        layout.sectionInset = UIEdgeInsets(top: 8, left: sideInset, bottom: 8, right: sideInset)
        layout.minimumLineSpacing = 8 // 消息之间的垂直间距
    }
}

2. 完善Cell的XIB配置

确保文本标签（UILabel）满足以下要求：

• 设置numberOfLines = 0，允许文本多行显示；
• 给标签添加完整约束：leading、trailing、top、bottom均与contentView绑定（比如各留8pt边距）；
• 可选：设置标签的lineBreakMode = .byWordWrapping，保证文本按单词换行。

3. 修正Cell的preferredLayoutAttributesFitting实现

明确水平方向宽度固定，垂直方向自适应，避免尺寸计算异常：

override func preferredLayoutAttributesFitting(_ layoutAttributes: UICollectionViewLayoutAttributes) -> UICollectionViewLayoutAttributes {
    setNeedsLayout()
    layoutIfNeeded()
    
    // 强制水平方向使用预设宽度，垂直方向根据内容自适应
    let fittingSize = contentView.systemLayoutSizeFitting(
        layoutAttributes.size,
        withHorizontalFittingPriority: UILayoutPriority.required,
        verticalFittingPriority: UILayoutPriority.fittingSizeLevel
    )
    
    var frame = layoutAttributes.frame
    frame.size.height = ceil(fittingSize.height)
    // 保持宽度与FlowLayout预设一致，避免Cell宽度随文本内容变化
    frame.size.width = layoutAttributes.size.width
    layoutAttributes.frame = frame
    
    return layoutAttributes
}

为什么之前的方案有问题？ #

• 仅适配高度时：如果标签未开启多行（numberOfLines=0），文本会单行显示，自然超出标签宽度；若约束不完整，标签宽度也无法被正确限制。
• 适配整体尺寸时：systemLayoutSizeFitting(layoutAttributes.size)默认会同时调整宽高，而FlowLayout的自动尺寸逻辑未得到正确约束，导致Cell宽度计算偏离预期（比如变成文本内容的宽度）。

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