自动布局问题答案

【问题标题】：Auto-layout issue自动布局问题
【发布时间】：2026-02-20 15:55:02
【问题描述】：

我有一个带有两个按钮的视图。我添加了自动布局。但是 iPhone 8 plus 的底部空间比 iPhone 4s 更多。我想在所有 iPhone 中保持顶部和底部的间距比相同。如何解决？

【问题讨论】：

【解决方案1】：

更新

对于特定比率：据我了解，我们可以为 Centre Vertically Constraints 提供乘数。这里的顶部和底部空间比例在所有 iPhone 系列中都是相同的。我将乘数设为1.4

===================================

我知道那里有几个答案。但是，没有人使用UIStackView 来添加两个简单的按钮。

拖动两个 UIButton，选择这两个 UIButton，点击此处的 Embed in Stack 图标。

Stackview 属性

为 UIStackView 提供以下内容，

在Attributes Inspector中将Axis设置为Horizontal，Distribution设置为Fill Equally，Spacing设置为10

Stackview 约束 1

为那个 UIStackView 提供约束，选中/取消选中边距，左右 = 0，高度为 30。

Stackview 约束 2

但仍有一些约束条件没有得到满足。按住Control并按住它，点击StackView并拖动到SuperView，你会得到黑色的弹窗。选择Center Vertically in container。

Stackview 约束自定义

如果你想改变UIButton或者Bottom Space的高度，点击UIStackView，在Size Inspector，你可以改变高度或者上下移动。

【讨论】：

【解决方案2】：

如果您使用的是自动布局，请像这样设置约束

【讨论】：

【解决方案3】：

将约束设置为底部并保留顶部约束

【讨论】：

【解决方案4】：

1) 选择两个按钮

2) 点击底部的“解决自动布局问题”按钮，然后点击“重置为选定的约束”

【讨论】：

这不会在每种情况下都给出准确的结果......！！！ jignesh Vadadoriya ，答案将给出准确的结果。更好地使用 StackView 来避免更多的约束。

【解决方案5】：

您应该有 2 个堆栈视图。一个包含 2 个按钮的水平，另一个包含上一个堆栈视图的垂直。将水平堆栈视图设置为“填充”和“等间距”，将垂直堆栈视图设置为“填充”和“等距居中”。下面我附上了几张图片来说明我的意思。

唯一的约束是在堆栈视图上，它们将它们绑定到容器视图或父堆栈视图的大小。

这使您可以真正创建随设备屏幕尺寸缩放的自动布局。

【讨论】：

【解决方案6】：

使用这样的约束。这些按钮有superview的底部修复。

【讨论】：