横向等间距方块排列：如何实现隐藏方块后其余自动移位不拉伸

你的需求完全可以实现，而且UIStackView就是最适合这个场景的方案，你之前对Stack View的能力认知存在明显偏差。

我们可以把你的核心需求和UIStackView的原生能力逐条对应：

• 固定方块尺寸、不拉伸变形：给每个50x50的方块设置高优先级的宽高固定约束（宽50、高50），Stack View的布局逻辑会优先尊重子视图的固定尺寸约束，不会主动拉伸、压缩方块大小。
• 相邻固定20dp间距：直接把Stack View的spacing属性固定设置为20即可，这个间距值会固定作用在所有相邻的、处于显示状态的方块之间，不会动态缩放间距大小。
• 方块隐藏自动平移补位：UIStackView天生支持当子视图设置isHidden = true时，自动将该视图从布局流中移除，剩余的显示视图会按照设定的间距自动重新排布，不需要手动计算坐标、更新约束。

你之前的认知误区：认为Stack View的核心作用只是调整内部元素间距，实际上它的布局规则是可灵活配置的。只有当你选择fillEqually这类强制等分的distribution模式时，才会出现拉伸子视图的情况，只要正确配置distribution模式+给子视图加固定尺寸约束，完全可以实现“元素固定尺寸、固定间距、隐藏自动补位”的效果。

• 初始化水平方向的UIStackView，设置axis = .horizontal
• 直接给Stack View赋值固定的spacing = 20
• 将Stack View的distribution设置为.fill，这个模式下Stack View只会按照子视图自身的尺寸排布，不会强制拉伸子视图
• 将5个方块依次添加为Stack View的arrangedSubview，给每个方块添加固定约束：宽50、高50
• 不需要给Stack View设置额外的宽度约束，它的总宽度会自动根据当前显示的方块数量计算：显示5个方块时总宽度为 550 + 420 = 330；隐藏中间任意一个方块时，总宽度自动变为 450 + 320 =260，剩余方块会自动平移补位，和你预期的排列效果完全一致

• 不要给Stack View设置会强制子视图拉伸的约束（比如让子视图宽度和Stack View宽度绑定），否则才会出现方块变形的问题，我们单独给子视图设50x50固定尺寸，完全可以规避这个问题
• 不要误用fillEqually的distribution模式，这个模式才会让Stack View拉长子视图平分总宽度，用.fill模式就不会有这个问题
• 切换方块的isHidden状态时，不需要手动调用布局更新方法，Stack View会自动触发布局重排，如果需要平滑的补位动画，直接在动画块内修改isHidden值即可

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