如何让水平UIStackView中的元素从居中位置对齐？

当然可以实现！针对你这种父级垂直StackView嵌套2个水平StackView（每个包含UIImageView）的布局，只需要调整几个关键设置，就能让内部元素无论数量多少都保持中心对齐：

1. 配置内部水平StackView的属性 #

对于每个嵌套的水平StackView，需要设置以下核心属性：

• 设置 axis = .horizontal（确保是横向布局，这个你应该已经配置了）
• 设置 alignment = .center（让内部的UIImageView在垂直方向上居中，避免不同高度的图片出现错位）
• 设置 distribution = .equalSpacing（这个属性会让元素间保持相等间距，当元素数量变化时，整体布局会自动以中心为基准对称分布；如果希望元素大小完全一致，也可以用.equalCentering）
• 不要给水平StackView设置固定宽度约束，让它根据内部元素的尺寸自适应宽度

2. 让水平StackView在垂直StackView中居中 #

父级垂直StackView默认的alignment是.fill，这会导致内部的水平StackView占满整个宽度，元素自然左对齐。所以你需要：

• 将垂直StackView的 alignment 设置为.center，这样每个嵌套的水平StackView都会自动对齐到垂直StackView的水平中心位置，不管水平StackView里有几个UIImageView，整体都会呈现居中效果

3. 可选：统一UIImageView尺寸（优化布局整齐度） #

如果你的UIImageView原始尺寸不一，可以给每个UIImageView添加固定的widthAnchor和heightAnchor约束，保证所有图片大小一致，进一步强化居中布局的规整性

代码示例（Swift） #

// 创建父级垂直StackView
let verticalStackView = UIStackView()
verticalStackView.axis = .vertical
verticalStackView.alignment = .center // 关键：让子StackView水平居中
verticalStackView.spacing = 16
verticalStackView.translatesAutoresizingMaskIntoConstraints = false

// 创建第一个水平StackView
let horizontalStack1 = UIStackView()
horizontalStack1.axis = .horizontal
horizontalStack1.alignment = .center
horizontalStack1.distribution = .equalSpacing
horizontalStack1.spacing = 8
horizontalStack1.translatesAutoresizingMaskIntoConstraints = false

// 添加UIImageView到水平StackView（数量可随意调整）
let image1 = UIImageView(image: UIImage(named: "img1"))
image1.contentMode = .scaleAspectFit
image1.widthAnchor.constraint(equalToConstant: 40).isActive = true
image1.heightAnchor.constraint(equalToConstant: 40).isActive = true
horizontalStack1.addArrangedSubview(image1)

let image2 = UIImageView(image: UIImage(named: "img2"))
image2.contentMode = .scaleAspectFit
image2.widthAnchor.constraint(equalToConstant: 40).isActive = true
image2.heightAnchor.constraint(equalToConstant: 40).isActive = true
horizontalStack1.addArrangedSubview(image2)

// 将水平StackView添加到垂直StackView
verticalStackView.addArrangedSubview(horizontalStack1)

// 重复创建第二个水平StackView并添加（逻辑同上）
// ...

// 把垂直StackView添加到父视图并设置约束
view.addSubview(verticalStackView)
NSLayoutConstraint.activate([
    verticalStackView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    verticalStackView.centerYAnchor.constraint(equalTo: view.centerYAnchor)
])

这样设置后，不管每个水平StackView里有2个、3个还是4个UIImageView，它们都会以垂直StackView的水平中心为基准对称分布，完美实现你要的居中对齐效果！

内容的提问来源于stack exchange，提问作者lost.in.code