StackView中子视图width anchor失效，求实现最多3个居中视图布局

嘿，我来帮你搞定这个StackView子视图宽高约束失效的问题！咱们先拆解一下问题出在哪，再一步步解决：

问题根源分析 #

你遇到的width anchor失效，主要有两个核心原因：

1. 未禁用自动约束生成：UIImageView默认的translatesAutoresizingMaskIntoConstraints属性是true，系统会自动给它生成约束，这会和你手动添加的宽高约束产生冲突，导致手动约束被忽略。
2. StackView的Distribution设置冲突：你提到的equally center应该是.equalCentering或者.fillEqually吧？这类distribution模式会强制StackView调整子视图的大小或间距来满足布局规则，直接覆盖了你给子视图设置的固定宽高约束。

具体解决步骤 #

1. 修正StackView的布局属性 #

把StackView的distribution改成.equalSpacing或者.fill，这两个模式不会强制修改子视图的大小，能保留你手动设置的宽高约束。同时alignment保持.center就好，确保子视图垂直居中。

2. 禁用子视图的自动约束生成 #

在创建UIImageView后，一定要加上image.translatesAutoresizingMaskIntoConstraints = false，告诉系统不要自动生成约束，完全使用你手动添加的约束。

3. 优化子视图添加逻辑 #

你原来的循环逻辑会遍历整个array，但只添加到3个就停止，不如直接取array的前3个元素来循环，代码更简洁高效。

修正后的完整代码 #

// 先确保StackView的属性设置正确
stackView.alignment = .center
stackView.distribution = .equalSpacing // 换成这个，避免和宽高约束冲突
stackView.spacing = 8 // 可以根据需求设置子视图之间的间距

// 只取array的前3个元素来创建子视图
for _ in array.prefix(3) {
    let image = UIImageView()
    image.backgroundColor = .orange
    image.layer.cornerRadius = 15
    image.clipsToBounds = true // 别忘了加这个，否则圆角不生效！
    // 关键：禁用自动约束生成
    image.translatesAutoresizingMaskIntoConstraints = false
    
    // 添加宽高约束
    NSLayoutConstraint.activate([
        image.widthAnchor.constraint(equalToConstant: 30),
        image.heightAnchor.constraint(equalToConstant: 30)
    ])
    
    stackView.addArrangedSubview(image)
}

额外提醒：别忘了给UIImageView加上clipsToBounds = true，否则圆角不会生效哦！

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