在Xcode中实现双UILabel同行布局：前者自适应后者占满剩余宽度

嘿，这个需求我太熟了！完全能在Xcode里用Auto Layout实现和你Android布局一模一样的效果，给你两种最实用的方案，不管是可视化拖拽还是写代码都能搞定：

方案一：用UIStackView（类似Android LinearLayout） #

这是最省心的方式，相当于把Android的LinearLayout逻辑搬过来用：

• 先给UITableViewCell的contentView添加一个水平方向的UIStackView，设置核心属性：
  • Axis: Horizontal（水平排列）
  • Alignment: Center（垂直居中，也可以按需选Top/Bottom）
  • Distribution: Fill（关键！让子视图自动填充Stack View的剩余宽度）
  • Spacing: 8（两个Label之间的间距，按需调整）
• 把第一个UILabel（显示User Name:）拖进Stack View，确保它的水平方向Content Compression Resistance Priority为750（默认就是这个值，能阻止它被压缩，保证自适应内容宽度）
• 把第二个UILabel（显示blablabla）拖进Stack View，设置它的水平方向Content Hugging Priority为250（让它放弃“抱紧”自身内容，自动拉伸填充剩余空间）
• 最后给Stack View添加上下左右约束，让它贴满contentView的边缘（比如Leading=16, Trailing=-16, Top=8, Bottom=-8）

方案二：直接用Auto Layout约束（类似Android ConstraintLayout） #

如果不想依赖Stack View，直接给两个Label加约束也能实现：

• 把两个Label放在contentView里，水平排列
• 给第一个Label加约束：
  • Leading 对齐 contentView 的 Leading（间距16）
  • 垂直方向和contentView居中（或者上下对齐）
  • 关键：水平方向Content Compression Resistance Priority设为750，保证内容完整显示，不会被压缩
• 给第二个Label加约束：
  • Leading 对齐第一个Label的 Trailing（间距8）
  • Trailing 对齐 contentView 的 Trailing（间距-16）
  • 垂直方向和第一个Label对齐（保持同一高度）
  • 关键：水平方向Content Hugging Priority设为250，允许它拉伸填充剩余空间
  • 如果需要内容换行，记得把第二个Label的numberOfLines设为0

代码示例（Swift） #

如果用代码自定义Cell，参考这段实现：

class CustomCell: UITableViewCell {
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        setupSubviews()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupSubviews()
    }
    
    private func setupSubviews() {
        let titleLabel = UILabel()
        titleLabel.text = "User Name:"
        titleLabel.translatesAutoresizingMaskIntoConstraints = false
        // 阻止水平方向被压缩，保证内容完整
        titleLabel.setContentCompressionResistancePriority(.defaultHigh, for: .horizontal)
        
        let contentLabel = UILabel()
        contentLabel.text = "blablabla"
        contentLabel.translatesAutoresizingMaskIntoConstraints = false
        // 允许水平方向拉伸，填充剩余空间
        contentLabel.setContentHuggingPriority(.defaultLow, for: .horizontal)
        contentLabel.numberOfLines = 0 // 支持多行显示
        
        contentView.addSubview(titleLabel)
        contentView.addSubview(contentLabel)
        
        NSLayoutConstraint.activate([
            titleLabel.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 16),
            titleLabel.centerYAnchor.constraint(equalTo: contentView.centerYAnchor),
            
            contentLabel.leadingAnchor.constraint(equalTo: titleLabel.trailingAnchor, constant: 8),
            contentLabel.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -16),
            contentLabel.centerYAnchor.constraint(equalTo: contentView.centerYAnchor),
            
            // 垂直方向间距，避免内容贴边
            titleLabel.topAnchor.constraint(greaterThanOrEqualTo: contentView.topAnchor, constant: 8),
            titleLabel.bottomAnchor.constraint(lessThanOrEqualTo: contentView.bottomAnchor, constant: -8),
            contentLabel.topAnchor.constraint(greaterThanOrEqualTo: contentView.topAnchor, constant: 8),
            contentLabel.bottomAnchor.constraint(lessThanOrEqualTo: contentView.bottomAnchor, constant: -8)
        ])
    }
}

关键优先级说明 #

这两个优先级是实现效果的核心：

• Content Compression Resistance Priority：控件抵抗被压缩的优先级，数值越高越不容易被压缩。第一个Label设高，确保它的内容能完整显示。
• Content Hugging Priority：控件“抱紧”自身内容的优先级，数值越低越容易被拉伸。第二个Label设低，所以会自动填充剩下的空间。

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