【Unity3D】UGUI之布局组件

xiangtingsl · 发表于 2023-2-24 16:26

1 概述

布局组件主要有：水平布局（HorizontalLayoutGroup）、垂直布局（VerticalLayoutGroup）、网格布局（GridLayoutGroup），用于约束子控件的布局方式，这些布局都有以下共同属性：

2 水平布局 HorizontalLayoutGroup

新建一个 Image 控件，重命名为 Group，调整背景色为蓝色，在其下创建 4 个 Toggle 子控件，重命名为 Toggle1~Toggle4，其 text 内容分别为：One、Two、Three、Four，控件层级结构如下：

为 Group 控件添加 HorizontalLayoutGroup 组件，如下：

调整 Group 控件宽高为 350x50，Toggle1~Toggle4 控件宽高为 60x20，显示效果如下：

3 垂直布局 VerticalLayoutGroup

新建一个 Image 控件，重命名为 Group，调整背景色为蓝色，在其下创建 4 个 Toggle 子控件，重命名为 Toggle1~Toggle4，其 text 内容分别为：One、Two、Three、Four，控件层级结构如下：

为 Group 控件添加 VerticalLayoutGroup 组件，如下：

调整 Group 控件宽高为 120x140，Toggle1~Toggle4 控件宽高为 60x20，显示效果如下：

4 网格布局 GridLayoutGroup

新建一个 Image 控件，重命名为 Group，调整背景色为蓝色，在其下创建 9 个 Toggle 子控件，重命名为 Toggle1~Toggle9，其 text 内容分别为：One~Nine，控件层级结构如下：

为 Group 控件添加 GridLayoutGroup 组件，如下：

调整 Group 控件宽高为 220x100，Toggle1~Toggle9 控件宽高为 60x20，显示效果如下：

声明：本文转自【Unity3D】UGUI之布局组件

		自动登录	找回密码
密码			立即注册