使用自动布局调整 xib 元素的宽度

Question

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

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

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

Answer 1

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

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

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