如何在UIStackView中更新UILabel文本并保持文本居中？

这个问题我之前也碰到过，核心原因是你手动设置了UILabel的frame，而且没有禁用它的translatesAutoresizingMaskIntoConstraints属性，导致UIStackView添加的自动布局约束和Label自身根据frame生成的约束发生冲突。最终布局引擎没有按照预期让Label拉伸到StackView的宽度，更新文本后Label的宽度收缩为文本的固有宽度——这时候虽然textAlignment还是.center，但因为Label宽度和文本宽度一致，视觉上就呈现出左对齐的效果。

解决方案1：推荐做法——依赖自动布局管理大小 #

去掉手动设置的frame，禁用Label的自动转换约束，让UIStackView全权管理子视图的布局：

import PlaygroundSupport
import UIKit

let stackView = UIStackView(frame: CGRect(origin: .zero, size: CGSize(width: 100, height: 20)))
let label = UILabel()
label.text = "Hello"
label.textAlignment = .center
// 禁用自动转换frame为约束，避免冲突
label.translatesAutoresizingMaskIntoConstraints = false
stackView.addArrangedSubview(label)

// 给Label设置固定高度，或者让StackView自动计算高度
label.heightAnchor.constraint(equalToConstant: 20).isActive = true

label.text = "World"

PlaygroundPage.current.liveView = stackView

解决方案2：强制Label宽度匹配StackView #

如果你需要保留手动设置frame的方式（不推荐），可以显式添加约束让Label宽度和StackView一致，确保文本有足够的空间居中：

import PlaygroundSupport
import UIKit

let stackView = UIStackView(frame: CGRect(origin: .zero, size: CGSize(width: 100, height: 20)))
let label = UILabel(frame: CGRect(origin: .zero, size: CGSize(width: 100, height: 20)))
label.text = "Hello"
label.textAlignment = .center
label.translatesAutoresizingMaskIntoConstraints = false
stackView.addArrangedSubview(label)

// 添加等宽约束，确保Label宽度和StackView一致
label.widthAnchor.constraint(equalTo: stackView.widthAnchor).isActive = true

label.text = "World"

PlaygroundPage.current.liveView = stackView

几个关键知识点 #

• UIStackView是自动布局容器，会为排列的子视图自动添加布局约束，手动设置子视图的frame极易引发约束冲突，推荐始终禁用子视图的translatesAutoresizingMaskIntoConstraints。
• UILabel的textAlignment控制的是文本在Label内部的对齐，只有当Label宽度大于文本的固有宽度时，居中效果才会显现。如果两者宽度一致，居中对齐和左对齐视觉上没有区别。
• UIStackView的distribution属性（默认是.fill）控制子视图在主轴上的空间分配，.fill会让子视图填充StackView的可用空间，确保Label被拉伸到StackView的宽度。

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