Xcode 自动约束无法正常工作

Question

出于某种原因，当我添加约束时，通过单击 "Add Missing Constraints," 它实际上看起来比 iPhone 4S 模拟器中没有约束更糟糕。

下面是它在 Xcode 中的样子：

这是它在模拟器中的样子：

请注意，即使使用自动约束，顶部文本也会隐藏在模拟器中。我希望它看起来与 Xcode 中的完全一样，但我无法弄清楚。我已经玩了几个小时的约束，现在无济于事。随着我在模拟器中使用的屏幕尺寸越来越大，它看起来越来越好，但我需要它在所有设备上都有一个通用的外观。我做错了什么？

Answer 1

首先删除视图的所有约束。

1) 为所有三个控件应用引脚宽度和高度约束。

2) 为所有三个控件应用 Top Layout Guid 中的 Top space。

3) 在所有三个控件的 Superview 中应用水平居中对齐。

应用上述约束后，您的控件将出现在任何设备的中心。

Answer 2

我认为这三个控件应该与顶视图居中对齐，并且三个控件之间的垂直 space 是恒定的。

控件会根据给定的文本自动调整宽度。所以你所要做的就是只为他们的位置添加约束。因此每个控件将需要两个约束，仅用于 Y 位置，另一个用于 X 位置。

当然，您可以更改约束的乘数以支持横向。