无Storyboard下TableViewCell约束异常：二级标签不显示且高度无法自适应

纯代码实现带原型单元格的UITableView，单元格包含briefcase图标、顶部的firstLabel和下方的secondLabel，但设置约束后secondLabel不显示，单元格高度无法自动适配，调试器抛出约束警告：

Detected a case where constraints ambiguously suggest a height of zero for a table view cell's content view. We're considering the collapse unintentional and using standard height instead.

单元格代码如下：

import UIKit

class Cell: UITableViewCell {

    let briefcaseImage: UIImageView = {
        let img = UIImageView(image: UIImage(systemName: "briefcase"))
        img.contentMode = .scaleAspectFill
        img.tintColor = UIColor(red: 0.20, green: 0.68, blue: 0.90, alpha: 1.00)
        img.translatesAutoresizingMaskIntoConstraints = false
        img.clipsToBounds = true
        return img }()

    let firstLabel: UILabel = {
        let label = UILabel()
        label.numberOfLines = 0
        label.lineBreakMode = .byWordWrapping
        label.font = UIFont.systemFont(ofSize: 17)
        label.translatesAutoresizingMaskIntoConstraints = false
        return label }()

    let secondLabel: UILabel = {
        let label = UILabel()
        label.numberOfLines = 0
        label.lineBreakMode = .byWordWrapping
        label.textAlignment = .right
        label.font = UIFont.systemFont(ofSize: 15)
        label.translatesAutoresizingMaskIntoConstraints = false
        return label }()

    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        self.contentView.addSubview(briefcaseImage)
        self.contentView.addSubview(firstLabel)
        self.contentView.addSubview(secondLabel)
    
        //MARK: Constraints for the briefcaseImage
        briefcaseImage.topAnchor.constraint(equalTo: topAnchor, constant: 11).isActive = true
        briefcaseImage.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 16).isActive = true
        briefcaseImage.heightAnchor.constraint(equalToConstant: 22.5).isActive = true
        briefcaseImage.widthAnchor.constraint(equalToConstant: 20.0).isActive = true
    
        //MARK: Constraints for the firstLabel
        firstLabel.topAnchor.constraint(equalTo: topAnchor, constant: 11).isActive = true
        firstLabel.leadingAnchor.constraint(equalTo: briefcaseImage.trailingAnchor, constant: 10).isActive = true
        firstLabel.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -16).isActive = true
    
        //MARK: Constraints for the secondLabel
        secondLabel.topAnchor.constraint(equalTo: firstLabel.bottomAnchor, constant: 4.5).isActive = true
        secondLabel.leadingAnchor.constraint(equalTo: briefcaseImage.trailingAnchor, constant: 10).isActive = true
        secondLabel.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -16).isActive = true
        secondLabel.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -11).isActive = true
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

1. 修正约束锚点，绑定到contentView #

UITableViewCell的可布局区域是contentView，原代码直接绑定cell自身的锚点（topAnchor/leadingAnchor等）会导致布局失效。所有约束需改为绑定contentView的对应锚点。

2. 确保垂直约束链完整 #

从contentView.top到图标、firstLabel、secondLabel，最终到contentView.bottom形成完整的垂直约束链，让AutoLayout能计算出正确的单元格高度。

3. 开启TableView自动高度计算 #

在TableView所在的ViewController中添加以下配置：

tableView.rowHeight = UITableView.automaticDimension
tableView.estimatedRowHeight = 80 // 设置合理的预估高度，可根据实际调整

修正后的单元格约束代码 #

替换原init方法中的约束部分：

override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
    super.init(style: style, reuseIdentifier: reuseIdentifier)
    self.contentView.addSubview(briefcaseImage)
    self.contentView.addSubview(firstLabel)
    self.contentView.addSubview(secondLabel)

    //MARK: Constraints for the briefcaseImage
    briefcaseImage.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 11).isActive = true
    briefcaseImage.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 16).isActive = true
    briefcaseImage.heightAnchor.constraint(equalToConstant: 22.5).isActive = true
    briefcaseImage.widthAnchor.constraint(equalToConstant: 20.0).isActive = true
    // 可选：让图标垂直居中，避免内容过长时图标仅停留在顶部
    briefcaseImage.centerYAnchor.constraint(equalTo: contentView.centerYAnchor).isActive = true

    //MARK: Constraints for the firstLabel
    firstLabel.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 11).isActive = true
    firstLabel.leadingAnchor.constraint(equalTo: briefcaseImage.trailingAnchor, constant: 10).isActive = true
    firstLabel.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -16).isActive = true

    //MARK: Constraints for the secondLabel
    secondLabel.topAnchor.constraint(equalTo: firstLabel.bottomAnchor, constant: 4.5).isActive = true
    secondLabel.leadingAnchor.constraint(equalTo: briefcaseImage.trailingAnchor, constant: 10).isActive = true
    secondLabel.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -16).isActive = true
    secondLabel.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -11).isActive = true
}

关键说明 #

• 约束必须基于contentView：这是UITableViewCell布局的核心规则，直接绑定cell锚点会破坏系统的布局逻辑。
• 完整约束链：垂直方向从contentView顶部到底部的约束必须连续，AutoLayout才能推导单元格的自适应高度。
• 自动高度配置：TableView必须开启自动高度，否则即使单元格约束正确，也不会自动适配内容。

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