自动布局计算器

Question

我正在尝试设置我用按钮制作的课程计算器的约束，但是很难得到正确的约束它只是不会得到我想要的方式。这就是它在我的故事板中的样子，比例就像我想要的那样。

这就是它在iPhone 4模拟器中出现的原因。

• 第一列（0除外）与第三列（200）的宽度相等
• 第二列不等于其余列（198）
• 我正在使用大小类

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

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

Answer 1

尝试使用3个按钮行：

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

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

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

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

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

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

Answer 2

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

Answer 3

如果不考虑所有限制条件，很难说清楚。但是，当你使用按钮时仍然如此。选择所有按钮并为它们赋予EqualWidth和EqualHeight约束。中心的按钮可以放在＆＃34;水平中心放在容器中＃34;。左边的按钮只需要＆＃34;前沿＆＃34;和＃34;上边缘＆＃34;，而右侧按钮需要＆＃34;后缘＆＃34;和＃34; Top Edge＆＃34;

通过打开“助理编辑器”，然后单击“自动”，然后单击“预览”，并排检查这些设备在其他设备中的外观

Answer 4

  

首先应用1,2,3，按钮等宽，如果工作正常则应用除零以外的所有按钮

Answer 5

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

• 设置所有宽度和高度相等（0除外）
• 给予相等的高度和宽度约束
• 编辑第一列和最后一列，使宽度减少1px
• 更新约束

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