Swift StackView添加子视图：按XIB高度居中显示而非填充

你遇到的问题其实是UIStackView的默认布局特性导致的——它会自动拉伸子视图来填充自身的可用空间。要实现每个子视图保持40px高度、整体居中的效果，咱们可以按以下步骤操作：

1. 固定子视图的高度 #

有两种方式可以确保每个从XIB加载的CategoryClass视图保持40px高度：

方式一：在XIB中直接设置约束 #

打开你的category.xib，选中根视图，给它添加一个固定高度约束（40px）。这样每次通过createMyClassView()加载出来的视图都会自带这个高度约束，StackView就不会再拉伸它了。

方式二：在代码中添加高度约束 #

如果不想修改XIB，也可以在添加子视图到StackView时，动态给每个视图加上高度约束：

for index in 0..<4 {
    let view = CategoryClass.createMyClassView()
    view.myLabel.text = "Hello World!"
    // 添加固定高度约束
    view.heightAnchor.constraint(equalToConstant: 40).isActive = true
    self.stackView.addArrangedSubview(view)
}

2. 让StackView整体居中于父视图 #

接下来要确保StackView本身在父视图中居中，需要给它添加Auto Layout约束：

// 先禁用自动转换约束（如果是代码创建的StackView，默认已经是false）
stackView.translatesAutoresizingMaskIntoConstraints = false

// 添加居中约束
NSLayoutConstraint.activate([
    stackView.centerXAnchor.constraint(equalTo: self.view.centerXAnchor),
    stackView.centerYAnchor.constraint(equalTo: self.view.centerYAnchor)
])

3. 优化StackView的布局属性 #

最后调整StackView的几个关键属性，让子视图排列更符合预期：

// 设置排列方向（根据你的需求选垂直或水平）
stackView.axis = .vertical
// 设置子视图之间的间距
stackView.spacing = 8
// 让子视图在水平方向居中（如果是垂直StackView）
stackView.alignment = .center
// 保持子视图自身尺寸，不要拉伸填充
stackView.distribution = .fill

这样操作后，你的StackView就会呈现出每个子视图40px高度、整体居中的效果啦。

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