自动排样计算器

Question

我正试图设置一个课程计算器的限制，我用按钮做的，但它真的很难得到正确的限制，它只是不会得到我想要的方式。这是它在我的故事板上的样子，这个比例就像我想要的那样。

​

​

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

​

​

• 第一列(0除外)与第三列(200)的宽度相等。
• 第二列不等于其余的(198)。
• 我用的是尺寸类

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

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

Answer 1

对3条按钮行尝试以下操作：

左边按钮1的-Set约束，值为0

右边按钮3的-Set约束，值为0

-Set按钮1、2和3的宽度相同

按钮1到具有值-Set 1的按钮2的>=约束

按钮2到具有值-Set 1的按钮3的>=约束

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

Answer 2

如果您的目标是iOS9和up，您可以使用Stack视图在几分钟内完成此操作。您将使用5个堆栈视图(每一行一个)，再加上第六个视图将5行包含在垂直堆栈中。每个水平堆栈都可以设置为相等的填充。对于具有双宽度按钮的最后一行，可以将逗号按钮约束为另一行的逗号按钮，并允许0填充剩余部分。

Answer 3

如果不考虑所有的制约因素，就很难判断。不过，就像你在用按钮一样。选择所有的按钮，并给它们EqualWidth和EqualHeight约束。中心的按钮可以用“集装箱中的水平中心”来放置。左边的按钮只需要“前缘”和“顶边”，而右边的按钮则需要“后边”和“顶边”。

并行检查这些将如何在其他设备打开助理编辑器，然后自动，然后预览。