Unity GUI:按比例拆分垂直布局组

时间:2016-05-23 08:43:35

标签: unity3d

enter image description here

在上图中,我想确定' a'的比例。和&#b; b。 ' A'是2,' b'绝对是1.我该怎么办?

1 个答案:

答案 0 :(得分:1)

当然,这正是 VerticalLayoutGroup 的用途。 (你还有另一个方向的Horizo​​ntalLayoutGroup。)

首先。制作一个可以容纳你两件东西的面板。给它一个黄色背景,这样你就可以清楚地看到它。这将是你的“持有人”。

完全删除你的红/蓝东西。确保黄色支架完全您想要的整体尺寸。确保您使用屏幕更改形状进行测试。无论屏幕处于什么状态,无论屏幕的宽高比如何,您的黄色支架都应该是完美的

接下来,将VerticalLayoutGroup放在黄色支架上。

enter image description here

然后实际上 你的每件事 (在你的情况下有两个),放一个LayoutElement

enter image description here

接下来,您必须设置两件事的PreferredHeight。 (在该示例图像中显示“35”的位置。)

在您的情况下,选择两个数字,例如说

200

100

表示您的红色和蓝色项目的PreferredHeight。

尝试使用不同的值,您将在编辑器中实时看到它的变化。

使用Unity的反应式布局系统的完整教程超出了QA页面的范围。以上内容将帮助您入门。

Unity .UI的反应式布局系统非常出色。例如,IMO比Apple的系统(Apple的“约束”系统)要好。