UICollectionViewCell宽度异常与Label文本截断问题求助

我来帮你搞定这个问题，咱们一步一步拆解：

首先，你遇到的核心矛盾是：不给Label加trailing约束，文本会超出屏幕；加了之后，Cell的宽度又不受控制了。这本质是Auto Layout和UICollectionViewFlowLayout预设尺寸之间的冲突，再加上Label的文本截断属性没配置到位导致的。

问题根源 #

1. 没加trailing约束时，Label的宽度会跟随文本内容无限扩展，完全忽略Cell的预设宽度，所以文本会超出屏幕。
2. 加了trailing约束后，如果Label的内容压缩优先级过高，Auto Layout会优先满足Label完整显示文本的需求，从而强行撑开Cell的宽度，破坏你在sizeForItemAt里设置的固定宽度。
3. 你还没给Label配置文本截断的必要属性，就算约束对了，也不会自动显示“...”。

解决方案 #

1. 配置Label的文本截断属性

在Cell的awakeFromNib里设置Label的换行和截断模式，这是显示省略号的基础：

class TestCollectionViewCell: UICollectionViewCell { 
    @IBOutlet weak var label: UILabel! 
    
    override func awakeFromNib() { 
        super.awakeFromNib() 
        // 强制单行显示
        label.numberOfLines = 1
        // 文本过长时在尾部显示省略号
        label.lineBreakMode = .byTruncatingTail
    } 
}

2. 调整Label的Auto Layout优先级，避免撑开Cell

给Label设置内容抗拉伸和压缩的优先级，明确告诉Auto Layout：Cell宽度是固定的，Label可以被压缩（截断文本），而不是反过来撑开Cell。
在awakeFromNib里加上这两行：

// 降低Label的水平抗拉伸优先级，让Cell宽度优先生效
label.setContentHuggingPriority(.defaultLow, for: .horizontal)
// 提高Label的水平压缩抗性，确保文本优先被截断而不是缩小字体
label.setContentCompressionResistancePriority(.defaultHigh, for: .horizontal)

3. 确保Label的约束正确

在XIB/Storyboard里，Label的约束要这样设置：

• top、bottom约束到Cell的contentView（可以留你需要的间距，比如8pt）
• leading约束到contentView的leading（比如8pt）
• trailing约束到contentView的trailing（比如8pt）
  这些约束的优先级保持默认的Required(1000)即可。

4. 优化UICollectionView的FlowLayout设置

在ViewController的viewDidLoad里，确保FlowLayout的间距和你sizeForItemAt的计算对应，避免布局混乱：

override func viewDidLoad() { 
    super.viewDidLoad() 
    guard let flowLayout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout else { return }
    // 和你sizeForItemAt里的(collectionView.frame.width - 1)对应，确保两个Cell之间的间距是1pt
    flowLayout.minimumInteritemSpacing = 1
    flowLayout.minimumLineSpacing = 0
}

另外，sizeForItemAt里用collectionView.bounds.width代替frame.width，适配屏幕旋转等场景：

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { 
    let width = (collectionView.bounds.width - 1) / 2
    return CGSize(width: width, height: 53) 
}

验证效果 #

现在运行代码，你会看到：

• 文本过长时，Label会自动在尾部显示“...”，不会超出屏幕
• Cell的宽度严格按照你设置的(collectionView宽度-1)/2显示，不会出现异常

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