ios - 水平左右约束

Question

我不明白左右水平约束是如何组合在一起的。我仍然不明白界面生成器之外的确切机制，它的约束和模拟器上的有效结果:

我希望标签“ingredienti”在我的 View 中心(就像我上面的输入文本具有相同类型的约束)。为什么它在模拟预览中超出了我的“屏幕”？

Answer 1

前导或尾随约束(这是您设置的)在 View 的左边缘与您关联的任何内容之间设置一个固定距离。

Xcode 中新的通用 Storyboard和 xib 文件中 View Controller 的默认模拟 大小为 600x600。但目前的设备实际上都没有这种尺寸。

所以，如果您的标签有 100 宽度，那么为了使用宽度为 600 的模拟界面构建器使用左右约束将其“居中”，我们将创建左约束为 250，右约束为 250 (250 + 100 + 250 = 600)。

但同样，没有任何实际设备具有此宽度。因此，如果我们在 iPhone 6 上运行您的应用程序，它的宽度将转换为 375 个“点”。如果我们在 iPhone 4s 或 iPhone 5/5s 上运行它，它的宽度将转换为 320 点。

因此，我们的 100 点宽标签是与父 View 左边缘 250 点的恒定距离的约束。 250 + 100 = 350。但是iPhone 5只有320点的宽度，所以部分标 checkout 现在屏幕边缘之外，右约束被打破，因为左右约束不能同时满足(你可能有当您运行应用程序时，您的日志中会出现一堆关于此的警告消息。

如果我们希望标签居中，我们必须创建一个水平居中约束(如 mikle94's answer 所示)。