ios - Xcode 4 和 Interface Builder : Editing Vertical Spacing Constraint (Anchor Top, 不是底部)

Question

我有一个小部件在设备上的布局不正确(它在 IB 中看起来不错，但不太正确)。小部件是一个标签，位于屏幕中间。 Interface Builder 给了它一个带有“底部 anchor ”的垂直空间约束。在这里，底部表示屏幕底部(而不是下方的小部件，或锚定到顶部屏幕)。

我在检查器中，但看不到如何更改为顶部 anchor (最好是上面的小部件)。我试着阅读 Apple 的 docs和 Editing Constraints特别是，但它很困惑，没有解释如何进行更改(或者我错过了讨论 - 这是 7 句话)。

下面是 Interface Builder 下的屏幕截图，显示了固定在屏幕底部的垂直空间约束。它的属性还有很多不足之处 - 相等、恒定和优先级并没有真正帮助。

有谁知道如何编辑约束？具体来说，我想 (1) 将垂直间隔器的 anchor 从底部 更改为 顶部； (2) 锚定在上面的小部件上，而不是屏幕顶部。

Answer 1

通过按住 Shift 键单击同时选择“嵌入”和“计算”元素。

选择这两个元素后，使用约束菜单:

此菜单以及精心选择的元素是在 IB 中愉快编辑约束的核心。在您的情况下，选择中心项目，即 Pin 菜单。选择 Vertical Spacing - 这将对两个元素之间的垂直间距创建新的约束。或者，选择单个元素并将“Top space to superview”固定到顶部而不是底部。

您现在可以选择和删除 View 底部的垂直间距。 IB 之前不会让你删除它，因为你必须有一套完整的、明确的约束。添加新的垂直间距约束后，您现在有了这个。

为了进一步说明，这是一个空的 View Controller ，其中有一个我拖到上面的文本字段:

所有约束都是紫色的，这意味着 IB 已经为我添加了它们(它们是系统约束)并且无法删除它们 - 它们是定位和调整文本字段大小所需的最小约束。

现在，我将选择文本字段，并将顶部空间固定到父 View :

现在您可以看到两个垂直空间约束已更改为蓝色(它们现在是用户约束)并且它们在编辑器中的外观更粗。这意味着可以删除其中之一。我选择底部空间的约束并点击删除:

请注意，这仍然具有用户约束的外观 - 但如果我尝试删除它，IB 将自动重新创建固定到 super View 底部的系统约束，让我们回到原点。

我已经写过关于这个以及类似的自动布局主题，here .