使用autolayout调整xib元素的宽度

Question

我正在尝试学习自动布局。以下是我尝试使用autolayout实现的简单UIView元素。约束在xib中添加。在肖像模式下一切正常，但在横向模式下，蓝色项目会被压扁。

1. 如何使这个蓝色项目在横向模式下有更多的高度空间。
2. 我们如何在口粮（30:70）或（40:60）中制作蓝色项目和绿色项目宽度

我是否必须制作约束出口并在运行时定义值。

Answer 1

您已为红色区块，棕色区块，它们之间的距离以及蓝色和红色区块与容器之间的距离设置了固定高度。除了挤压蓝色块之外别无选择。

你想要发生什么？棕色块应该变短吗？红色块应该？然后你应该删除高度限制。也许你可以将棕色和蓝色块设置为具有相同的高度。

我不完全确定你在第二个问题中的意思。如果希望绿色块宽度与蓝色块宽度的比率为70:30，则设置相等宽度的约束，然后编辑乘数。例如，蓝色宽度等于绿色宽度* 3/7。您实际上可以使用IB中的比率语法（70:30）设置乘数。