使用autolayout调整xib元素的宽度

Question

我在努力学习自学。下面是我试图使用autolayout实现的简单UIView元素。约束被添加到xib中。在肖像模式下，一切都很好，但是在景观模式中，蓝色的项目被挤压了。

1. 如何使这个蓝色的项目在景观模式中有更多的高度空间。
2. 如何在配给(30:70)或(40:60)中制作蓝色项目和绿色项目宽度？

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

​

​

Answer 1

您已经为红色块、棕色块、它们之间的距离以及蓝色和红色块与容器之间的距离设置了固定的高度。没有别的办法，只能压扁蓝色的方块。

你想发生什么？棕色块体应该变短吗？红色的街区应该吗？然后，您应该删除高度约束。也许你可以把棕色和蓝色的块设置成相同的高度。

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