unity3d - 统一图形用户界面 : splitting vertical layout group by ratio

Question

在上图中，我想固定“a”和“b”的比例。 'A' 是 2，'b' 肯定是 1。我该怎么办？

Answer 1

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

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

彻底删除你的红色/蓝色东西。确保黄色支架的整体尺寸完全是您想要的整体尺寸。确保使用屏幕改变形状进行测试。无论屏幕处于何种状态，无论屏幕的纵横比如何，您的黄色支架都应该是完美的

接下来，将一个 VerticalLayoutGroup 放在黄色支架上。

然后实际上在 EACH OF YOUR THINGS(在你的情况下有两个)，放一个 LayoutElement

接下来你必须设置你的两个东西的PreferredHeight。 (在该示例图像中显示“35”的位置。)

在你的情况下，选择两个数字，例如 say

200

100

用于您的红色和蓝色项目的 PreferredHeight。

尝试不同的值，您会看到它在编辑器中实时变化。

有关使用 Unity 响应式(Reactive)布局系统的完整教程超出了 QA 页面的范围。以上将帮助您入门。

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