ios - 添加缺少的约束没有正确完成它的工作

Question

这是我在 Storyboard上看到的。

这是我在模拟器(iPhone6)中看到的

我通过“清除约束”->“添加缺少的约束”来添加约束。

问。为什么添加缺失的约束没有正确对齐中间的框，我该如何解决这个问题？

更新:即使在宽度限制之后问题也没有解决。

Answer 1

我从不相信 IB 会为我添加缺失的约束。它不知道我们的意图，大多数时候它必须猜测。在这种情况下，它猜测您需要橙色框采用 300pt 宽度(因为原型(prototype) View 是 600pt 宽)。它猜测您希望蓝色部分占据其余部分，这在 iPhone 6 上仅为 75pt。它不知道您是希望橙色框占据一半空间还是仅 300pt。如果您认为您的意图可能有些含糊不清，请手动制定您的约束条件。

要解决问题，请执行以下操作之一:

• 使橙色框的后缘与容器 View 的中心对齐。蓝色框的前缘与容器 View 的中心对齐。

• 为顶部的橙色框和蓝色框设置等宽约束。并使它们之间的水平间距为零。

这张 gif 直观地解释了我的第二种方法。