【GAD翻译馆】Unity UI设计中与分辨率无关的垂直水平布局

目标

这篇博客的主要目的是给你如何在Unity UI设计中进行与分辨率无关的垂直和水平布局的一些想法。

垂直布局：

垂直布局组组件(VerticalLayoutGroup)将它的子布局元素放在顶层。它们的高度取决于它们的各自的最小高度（Minimum Height），优选高度（Preferred Height）和灵活高度下列几种模型来描述的：

l  所有的子布局元素的最小高度（Minimum Height）进行相加，它们之间的空隙（Spaces）也要进行相加。所得到的结果是该垂直布局组的最小的高度（Minimum Height）。

l  所有的子布局元素的优选高度（Preferred Height）进行相加，它们之间的空隙（Spaces）也要进行相加。所得到的结果是该垂直布局组的优选高度（Preferred Height）。

l  如果垂直布局组处于它的最小高度（Minimum Height）或者甚至小于最小高度（Minimum Height），那么所有的子布局元素同样处于它们的最小高度（Minimum Height）。

l  垂直布局组的高度越接近它的优选高度（Preferred Height），那么它的每一个子布局也都越接近它们的优选高度（PreferredHeight）。

l  如果垂直布局组的高度比它的优选高度（Preferred Height）还要高，它的子布局将会根据各自的灵活高度（FlexibleHeight）按照比例将额外的可用的空间进行分配。

这里我给出了一个与分辨率无关的使用垂直布局的示例：

步骤1：创建面板

从Create->UI->Panel创建面板，命名为Panel-Vertical Layout。

步骤2：再创建一个面板

在垂直布局面板上在创建一个面板，命名为Panel-Item Container

步骤3：在面板上创建标签面板

在上个步骤创建的标签容器面板中添加一些按钮和文本。

步骤4：复制面板标签

 步骤5：检查输出

通过改变屏幕上的分辨率来检查输出结果。例如下方600*1024分辨率的输出结果，你可以检查别的分辨率下的输出结果。这在每一个分辨率下都能够有着最合适的输出。

我希望这篇博文对于你在Unity UI 4.6中使用与分辨率无关的垂直布局或者是水平布局有一定的帮助。如果你有任何与Unity UI相关的问题，请在下方评论，让我知道。

想要获取游戏开发的一些想法吗？你还在等什么呢？请马上联系我们，你能够立即得到这些想法。我们的公司已经成为了印度游戏开发公司中最好的之一。

 【版权声明】

原文作者未做权利声明，视为共享知识产权进入公共领域，自动获得授权；