如何让Swift中的UIStackView根据内容动态调整尺寸并保持居中？

核心问题原因 #

你当前使用的.fillProportionally填充模式是问题的核心：该模式适用于StackView本身有明确固定宽/高约束的场景，会按照子视图的固有内容尺寸比例分配StackView的可用空间。而你目前仅给StackView设置了top和centerX约束，没有固定宽高，预期是让StackView跟随子控件内容自适应尺寸，.fillProportionally无法在这种场景下正常触发自身尺寸的重计算，就会出现文本更新后StackView bounds不变的问题。

修改方案 #

1. 调整StackView的distribution属性

将原代码中的headerStackView.distribution = .fillProportionally替换为：

headerStackView.distribution = .fill

该模式下StackView会优先按照子控件的固有内容尺寸计算自身大小，符合你适配内容尺寸的需求。

2. 可选：补充UILabel的内容优先级配置

如果出现文本被拉伸、压缩截断的情况，给两个Label分别添加水平方向的抗拉伸、抗压缩优先级配置：

// 抗拉伸优先级，避免Label被拉伸填充满多余空间
textOneLabel.setContentHuggingPriority(.defaultHigh, for: .horizontal)
textTwoLabel.setContentHuggingPriority(.defaultHigh, for: .horizontal)
// 抗压缩优先级，避免文本过长时被压缩截断
textOneLabel.setContentCompressionResistancePriority(.defaultHigh, for: .horizontal)
textTwoLabel.setContentCompressionResistancePriority(.defaultHigh, for: .horizontal)

3. 可选：限制StackView最大宽度

如果需要避免文本过长时StackView超出父视图范围，补充两个左右边距约束即可，不会影响居中特性：

headerStackView.leadingAnchor.constraint(greaterThanOrEqualTo: timerHeader.leadingAnchor, constant: 16).isActive = true
headerStackView.trailingAnchor.constraint(lessThanOrEqualTo: timerHeader.trailingAnchor, constant: -16).isActive = true

4. 文本更新后手动触发布局（按需）

如果是在异步线程、动画闭包中修改Label文本，修改完成后回到主线程手动触发StackView的布局更新即可：

DispatchQueue.main.async {
    self.textOneLabel.text = "新文本1"
    self.textTwoLabel.text = "新文本2"
    self.headerStackView.setNeedsLayout()
    self.headerStackView.layoutIfNeeded()
}

修改完成后StackView会自动根据两个Label的内容计算自身宽度，centerX约束始终生效，不会出现内容偏离中心的问题。

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