如何实现两个UILabel在同一行等宽自适应任意屏幕尺寸及方向

哈哈，这个布局需求我之前做项目时也折腾过好一会儿！光调Content Hugging和Content Compression确实不够，得结合约束组合+优先级设置才能搞定任意屏幕和横竖屏的适配，给你一步步拆解：

核心思路 #

要同时满足「同一行」「等宽」「内容自适应」三个要求，关键是让两个Label的宽度绑定，同时让系统在内容变化时优先保留内容完整性，不会出现一个Label被挤扁、另一个占满屏幕的情况。

步骤1：基础布局约束（Storyboard/代码都适用） #

• 把两个UILabel放到同一个父视图里，水平排列
• 给左侧Label添加「Leading 对齐父View Leading」的约束（可以加个边距，比如16pt）
• 给右侧Label添加「Trailing 对齐父View Trailing」的约束（同样加边距-16pt）
• 在两个Label之间添加「水平间距」约束（比如8pt，根据你的设计调整）

步骤2：添加等宽约束（最关键的一步） #

选中两个Label，添加Equal Widths约束——这会强制它们的宽度永远保持一致，不管屏幕怎么变。

步骤3：调整内容优先级（解决自适应问题） #

光有等宽约束还不够，得告诉系统「内容比拉伸/压缩更重要」：

• 给两个Label的Horizontal Content Hugging Priority（水平内容抗拉伸）都设为251（比默认的250高1，确保系统优先保留内容宽度，不会无限制拉伸Label）
• 给两个Label的Horizontal Content Compression Resistance Priority（水平内容抗压缩）都设为751（比默认的750高1，防止内容被过度挤压导致文字截断）
• 别忘了把两个Label的numberOfLines设为0，这样内容超长时会自动换行，不会跑出Label范围

代码实现示例（Swift） #

如果是用代码布局，用StackView会更省心，配合约束效果拉满：

// 创建两个Label
let leftLabel = UILabel()
leftLabel.text = "这是左边的自适应文本"
leftLabel.numberOfLines = 0
leftLabel.backgroundColor = .lightGray

let rightLabel = UILabel()
rightLabel.text = "右边的文本哪怕很长也会自动换行，而且和左边Label宽度一样"
rightLabel.numberOfLines = 0
rightLabel.backgroundColor = .lightGray

// 用StackView管理布局
let stackView = UIStackView(arrangedSubviews: [leftLabel, rightLabel])
stackView.axis = .horizontal
stackView.spacing = 8
stackView.distribution = .fillEqually // 配合等宽约束双重保险
stackView.translatesAutoresizingMaskIntoConstraints = false

// 添加到父视图
let parentView = UIView()
parentView.addSubview(stackView)

// 激活约束
NSLayoutConstraint.activate([
    stackView.leadingAnchor.constraint(equalTo: parentView.leadingAnchor, constant: 16),
    stackView.trailingAnchor.constraint(equalTo: parentView.trailingAnchor, constant: -16),
    stackView.centerYAnchor.constraint(equalTo: parentView.centerYAnchor),
    stackView.heightAnchor.constraint(greaterThanOrEqualToConstant: 44) // 保证最小高度
])

// 设置优先级
leftLabel.setContentHuggingPriority(.defaultHigh, for: .horizontal)
rightLabel.setContentHuggingPriority(.defaultHigh, for: .horizontal)
leftLabel.setContentCompressionResistancePriority(.defaultHigh, for: .horizontal)
rightLabel.setContentCompressionResistancePriority(.defaultHigh, for: .horizontal)

为什么之前只调优先级没用？ #

因为没有等宽约束的情况下，系统会根据两个Label的内容长度自动分配宽度——内容长的Label会占更多空间，内容短的会被拉伸。加上等宽约束后，再配合优先级设置，就能强制两个Label宽度相同，同时让内容自适应换行，完美适配各种屏幕尺寸和横竖屏方向。

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