自动布局计算器

Question

我试图设置由按钮组成的课程计算器的约束，但是要使其正确地实现约束真的很困难，只是它无法达到我想要的方式。 这就是我的情节提要中的样子，并且该比率的值就像我想要的那样。

这就是在iPhone 4模拟器中出现的方式。

• 第一列（0除外）的宽度等于第三列（200）的宽度
• 第二列不等于其余（198）
• 我正在使用尺寸等级

我无法使所有宽度相等，因为我需要按钮之间的间距。

设置约束的最佳方法是什么？

Answer 1

尝试以下3个按钮行：

-将按钮1的约束设置为值为0的左侧

-将按钮3的约束设置为右侧的值0

-将按钮1,2和3的宽度设置为相同

-将按钮1的约束设置为值> = 1的按钮2

-将按钮2的约束设置为值> = 1的按钮3

对于两个按钮行，执行相同的操作，但是将按钮0的宽度设置为，按钮的2：1

Answer 2

如果您的目标是iOS9及更高版本，则可以在几分钟内使用Stack Views来实现。 您将使用5个堆栈视图，每行一个视图，再加上一个第六个视图以将5行包含在垂直堆栈中。 可以将每个水平堆栈设置为相等填充。 对于具有双倍宽度按钮的最后一行，您可以将逗号按钮限制为另一行中的一个，并允许0填充其余部分。

Answer 3

如果不考虑所有限制因素，很难说出来。 但是仍然，因为您正在使用按钮。 选择所有按钮，并为其赋予EqualWidth和EqualHeight约束。 中心的按钮可以通过“容器的水平中心”放置。 左侧的按钮仅需要“ Leading Edge”和“ Top Edge”，而右侧的按钮则需要“ Trailing edge”和“ Top Edge”

通过打开助手编辑器，然后依次单击“自动”和“预览”，并排检查它们在其他设备中的外观。

Answer 4

首先应用1,2,3，等宽按钮，如果效果很好，则应用除零以外的所有按钮

Answer 5

感谢您提供所有答案，但我能找到解决问题的最简单方法是：

• 将所有宽度和高度设置为相等（0除外）
• 给出相等的高度和宽度约束
• 编辑第一列和最后一列的宽度减少1像素
• 更新约束

这样我可以使用相等的宽度和高度+保持边框/间隙