如何在 UIfields 之间设置相等的水平间距

Question

布局，我在视图控制器上添加了 5 个按钮，在这里我为所有 5 个字段应用了恒定的宽度和高度

这里我的主要要求是我想在所有字段之间设置相等的水平间距和

为此我适合“中间按钮”的约束

1) 顶部空间 2）宽度 3) 高度 4）在容器中水平居中

对于“拳头按钮”

1) 顶部空间 2）宽度 3) 高度 4)领先空间

对于第五个按钮：-

1) 顶部空间 2）尾随 3）宽度 4)高度

对于第二个和第四个按钮，我给出了 1) 顶部空间、宽度、高度、水平间距，但它们没有完美设置，请帮助我屏幕像第一张图片一样出现

但我想像第二张图片一样适合那个屏幕

Answer 1

首先将每个视图设置为恒定宽度，假设它是 40。所以现在每个视图的宽度都是 40。

现在您需要在距父视图最远的左/右视图上放置前导/尾随约束（这是假设您希望最远的左/右视图与左/右父视图具有静态距离）。

现在继续创建一个从最左视图到第二个视图的水平约束。创建一个从第二个到第三个视图的水平约束。然后从最右边的视图到第四个视图进行水平约束。现在是第四到第三。

您现在应该做的是编辑您创建的四个水平约束，将它们的值更改为不是“=恒定”，而是“>=恒定”。现在您可以降低该常数值以帮助调整较小的屏幕尺寸。此设置应通过使所有视图的距离相等，同时让左右视图更靠近两侧来提供您正在寻找的结果。