处理自动布局

Question

我在约束上浪费了几个小时，但我仍然遇到问题。在 iPhone 6 屏幕，它运行良好，但在 iPhone 5/4 中无法运行。我将所有视图（图像为背景）设置为修复 W/H 并点击自动添加缺少的约束。

正如您在 iPhone 5 上看到的，它总是固定在右侧，有时固定在左侧。我无法添加任何带有错误的内容。

有什么帮助吗？或一些该死的好教程:)

Answer 1

我只为您的一行按钮做了一个示例，因此它们可以重复用于其他 UI 元素。

我将这些约束放在我的按钮上：

左键：

• 左前导约束
• 顶部前导约束
• 高度限制

右键

• 右尾随约束
• 顶部前导约束
• 高度限制

以及与两个按钮相关的约束： （您需要同时选择两个按钮才能应用关系约束）

• 按钮之间的间距限制
• 这些按钮的宽度相等

在 Interface Builder 中看起来像这样：

而且这些布局是通用，所以我选择了一些设备尺寸来展示：

iPhone 5

iPhone 6

iPhone 6 Plus

...等等