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

发表于2017-10-09
评论0 4.6k浏览

目标

这篇博客的主要目的是给你如何在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相关的问题,请在下方评论,让我知道。

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


 【版权声明】

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

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引