添加缺少的约束不能正常工作

Question

这就是我在故事板上看到的内容。

这是我在模拟器（iPhone6）中看到的

我通过“明确限制”添加了约束 - ＆gt; “添加缺失的约束。”

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

更新：即使在宽度限制之后问题仍未得到解决。

Answer 1

我从不相信IB会为我添加缺失的约束。它不知道我们的意图，而且大部分时间都不得不猜测。在这种情况下，它猜测您需要橙色框采取300pt宽度（因为原型视图宽600pt）。而且它猜想你想让蓝色部分占用iPhone 6上仅75秒的剩余部分。它不知道你是否想要橙色盒子占用一半空间或仅300pt。如果您认为您的意图可能存在某些含糊之处，请手动制定约束。

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

• 使橙色框的后缘与容器视图的中心对齐。并且蓝色框的前缘与容器视图的中心对齐。

• 为顶部橙色框和蓝色框创建相等的宽度约束。并使它们之间的水平间距等于零。

这个gif在视觉上解释了我的第二种方法。

Answer 2

您可以尝试在storyboard中使用右下方菜单添加约束。只需勾选高度和重量框：