【一文读懂】Unity布局组件：Horizontal Layout Group(水平布局组)，Vertical Layout Group(垂直布局组),Grid Layout Group(网格布局组)

已于 2024-09-13 23:02:41 修改
阅读量4.7k 收藏 28
点赞数 18
CC 4.0 BY-SA版权
分类专栏： # Unity基础 文章标签： unity 游戏引擎
于 2024-09-13 21:00:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/grapefruit_lyy/article/details/142211434

目录

常用布局组件

1.Horizontal Layout Group(水平布局组)

1）作用

2）属性

3）注意

4）举例

2.VerticalLayout Group(垂直布局组)

1）作用

2）属性

3）注意

4）举例

3.Grid Layout Group(网格布局组)

1）作用

2）属性

3）注意

4）举例

制作一个简单的二级菜单，实现展开关闭

       本篇文章来学习一下Unity常用的布局组件，主要包括Horizontal Layout Group(水平布局组)，Vertical Layout Group(垂直布局组),Grid Layout Group(网格布局组)。这些布局组件常与Content Size Fitter、Layout Element组件一起使用。

常用布局组件

1.Horizontal Layout Group(水平布局组)

1）作用

       将子布局元素水平有序排列。

2）属性

Padding填充

布局组边缘内的内边距

Spacing间距

布局元素之间的间距

Child Alignment子对齐

如果子布局元素未填充所有可用空间，则用于子布局元素的对齐方式。

Control Child Size控制子项大小

布局组是否控制其子布局元素的宽度和高度

Use Child Scale使用子项比例

布局组在调整元素大小和布局元素时是否考虑其子布局元素的比例。Width和Height对应于每个子布局元素的Scale>X和Scale>Y值Rect Transform组件。不能使用Animator控制器

Child Force Expand子项强制扩展
最低0.47元/天 解锁文章
unity中排版组件Horizontal Layout Group的使用
xinzhilinger的博客
10-03 9616
前言 在游戏中，我们经常遇到需要隐藏部分元素，如何保证在隐藏部分元素后，剩下的元素依旧能有序的排列呢，答案是使用Horizontal Layout Group组件 一、Horizontal Layout Group是什么？ unity官方文档的描述为： 翻译为中文： 对于基本的属性解释为： 二、使用步骤 直接为元素集合的父物体添加组件Horizontal Layout Group，并设置相关属性即可，例： 给三个Button按钮的父物体MainControl添加组件后，隐藏其中任何一个物体，其他物体
[Unity]发包前遇到的坑之GridLayoutGroup
国家级摸鱼一级选手
01-10 463
如何正确获得GridLayoutGroup组件下所有子物体的世界坐标。
Unity UGUI（三）布局系统
qq_41044598的博客
05-13 1810
Unity UGUI布局系统
水平布局组 (Horizontal Layout Group)
最新发布
S_sorry的博客
04-29 151
7）Child Force Expand（子对象强制展开）4）Reverse Arrangement（反向排列）3）Child Alignment（子对象对齐）1）Padding（内边距）2）Spacing（间距）
Unity3d中UGUI组件精简复盘（十六）三大 Layout Group组件
qq_1628941121的博客
08-20 1409
上一节，我们简单概括了Unity3D编辑器中Slider组件的简要介绍。具体详情链接为：Unity3d中UGUI组件精简复盘（十五）InputField组件 话不多说，我们直接进入正题~ 今天我们简要概括复盘的组件便是自动排列的三大组件，分别是Horizontal Layout Group组件 、Vertical Layout Group组件、Grid Layout Group组件 一、Horizontal Layout Group组件 自动排列组件（网格自动布局） **Padding：**内边距的距离，
Unity组件大全之 Layout 组件 |（24）Horizontal Layout Group 水平布局组
Unity打怪升级
09-17 1795
在Unity游戏开发中，UI布局是一个至关重要的环节。为了使界面元素整洁有序，Unity提供了多种布局组件，其中`Horizontal Layout Group`是一个非常实用的组件，用于在水平方向上自动排列子对象。本文将详细介绍`Horizontal Layout Group`组件的使用方法和一些高级技巧。
Unity UGUI的VerticalLayoutGroup（垂直布局）组件的介绍及使用
alianblank的博客
07-21 2768
VerticalLayoutGroup是Unity UGUI中的一种布局组件，用于在垂直方向上自动排列子对象。它可以根据子对象的大小和布局设置，自动调整子对象的位置和大小，实现垂直布局效果。
Unity UGUI控件之Vertical Layout Group
不在同一频道上的呆子的博客
10-29 3660
Vertical Layout Group是Unity中的UGUI控件，用于在垂直方向上对子对象进行布局。
Unity中的自动布局组件
qq_53069068的博客
08-06 839
解决方法：Content添加Content Size Fitter组件，然后Vertical设置为Preferred Size（更合适的），最后Content大小为道具的范围。Flexible Width、Height：按比例适配，比如当前道具填3，另一个道具填1，当前道具会占据父对象的总比例的3/4（图1-2）Start Corner：开始角落（比如从左边的上角落开始，还是从右边的下角落开始放置第一个道具）Ignore Layout：当前子节点忽略自动布局（红色矩形，效果看图1-1）
Unity组件大全之 Layout 组件 |（23）Vertical Layout Group 垂直布局组：打造动态UI布局
Unity打怪升级
09-17 2387
在开发 Unity 项目时，UI 布局往往是一个需要特别关注的部分。无论是创建游戏菜单、信息面板，还是其他基于 UI 的功能，一个整洁、动态的布局可以极大提升用户体验。**Vertical Layout Group** 是 Unity 提供的一个非常实用的组件，能够帮助开发者轻松实现垂直方向上的自动布局。本文将介绍 Vertical Layout Group 的用途、设置以及如何在实际项目中使用它。
Unity UGUI的自动布局-LayoutGroup（水平布局）组件
leoysq的博客
11-23 3835
i < 3;i++)创建一个空物体，并添加HorizontalLayoutGroup组件。创建一个子物体预制体，包含一个Text组件。将子物体预制体拖拽到layoutGroup的Child Prefab属性中。将layoutGroup的Child Alignment属性设置为Middle Center。运行游戏，可以看到子物体在水平方向上居中对齐。
Unity布局组件
Ecstasyzzz的博客
12-20 822
转一个写的比较个人认为比较好的博客 1.https://blog.csdn.net/qq_28849871/article/details/79528697
LayoutGroupAnimation:演示如何在Unity UI中为LayoutGroup设置动画
05-11
Unity UI提供了几种不同的LayoutGroup类型，如`HorizontalLayoutGroup`、`VerticalLayoutGroup`和`GridLayoutManager`，它们分别用于水平、垂直布局以及网格布局。这些组件能够根据UI元素的大小和约束自动调整其子...
Unity3D LayoutGroup组件详解
Thomas_YXQ的博客
10-24 778
Unity3D中的LayoutGroup组件是一种强大的工具，用于动态调整UI元素的布局。它主要包括三种类型：Horizontal Layout Group（水平布局组）、Vertical Layout Group（垂直布局组）和Grid Layout Group（网格布局组）。这些布局组件常与Content Size Fitter、Layout Element组件一起使用，以实现灵活的UI布局。对惹，这里有一个游戏开发交流小组，希望大家可以点击进来一起交流一下开发经验呀！
Unity 布局控件
明明明的博客
07-27 1659
Unity 自适应布局控件
【Unity3D】UGUI之布局组件
little_fat_sheep
07-17 2758
布局组件主要有水平布局（HorizontalLayoutGroup）、垂直布局（VerticalLayoutGroup）、网格布局（GridLayoutGroup），用于约束子控件的布局方式，这些布局都有以下共同属性Padding边距，父控件向内收缩的空间，子控件只能在此收缩空间内布局，避免子控件太贴边Spacing间距，子控件向外延申的空间，避免子控件间挨得太紧凑子控件对齐方式。...
第四十六章 Unity 布局（上）
konkon2012的博客
05-09 2196
Unity布局，Horizontal Layout Group 水平布局组件、Vertical Layout Group垂直布局组件、Grid Layout Group网格布局组件
Unity Layout相关组件的使用，LayoutElement为主
yao499680328的博客
02-26 1293
主要讲Layout相关组件，以LayoutElement的参数为主。
Unity Layout相关组件
ECUSTseven的博客
05-25 1600
Unity Layout相关组件详解
Horizontal Layout Group 如何使用
06-10
Horizontal Layout Group 是 Unity 中的一个 UI 组件，用于将其子物体按照水平方向排列。使用 Horizontal Layout Group 可以很方便地实现一些常见的 UI 布局，例如按钮组、菜单栏等。 使用 Horizontal Layout Group 非常简单，只需要将其作为父物体，然后将需要排列的子物体作为其子物体即可。在 Inspector 窗口中，可以设置 Horizontal Layout Group 的一些属性，例如间隔、对齐方式等。其中，Spacing 属性表示子物体之间的间隔大小，Child Alignment 属性表示子物体的对齐方式，可选项包括左对齐、居中对齐、右对齐等。 需要注意的是，如果子物体的数量超过了 Horizontal Layout Group 的容纳范围，那么子物体会自动换行。如果想要在水平方向上占据一定的空间，可以将 Horizontal Layout Group 的 Preferred Width 属性设置为一个较大的值。 总之，使用 Horizontal Layout Group 可以轻松实现水平排列的 UI 布局，非常方便实用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值