Unity零基础到进阶 ☀️| UGUI布局组件介绍 Vertical Layout Group、Horizontal Layout Group 和 Grid Layout Group

最新推荐文章于 2024-09-13 21:00:00 发布
最新推荐文章于 2024-09-13 21:00:00 发布
阅读量1.2w 收藏 91
点赞数 51
分类专栏： # Unity 进阶技巧 Unity精品学习专栏⭐️ 文章标签： unity ugui UI布局 Unity布局组件 Unity知识学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangay1998/article/details/118514904
版权
本文深入介绍了Unity中的UGUI布局组件，包括Vertical Layout Group的填充、间距和子级对齐，Horizontal Layout Group的属性控制，以及Grid Layout Group的网格设置。通过实战演练，展示了在不同场景下如何使用这些组件进行UI布局，包括自动垂直、水平排序和网格布局。文章还提到在使用Grid Layout Group时，通常配合Layout Element和Content Size Fitter组件以实现更灵活的布局效果。
摘要由CSDN通过智能技术生成

目录

🔔UGUI中布局组件介绍

本篇文章对Unity中的UGUI常用布局组件进行解析加实例说明，可以对Unity中的组件有更多的知识填充~

🏳️‍🌈Vertical Layout Group 垂直布局 组件

在这里插入图片描述
在这里插入图片描述

  1. Padding 填充 控制上下左右间距
  2. Spacing 间距 子物体之间间距
  3. Child Alignment 子级对齐 子物体对其方式
  4. Child Controls Size 控制子级大小 选中后自动调整，子物体宽高为不可调整状态
  5. Child Force Expand 自力扩展 选中后，子物体自动扩展填充满布局

🏳️‍🌈Hori

了解本专栏 订阅专栏 解锁全文
呆呆敲代码的小Y
关注
专栏目录
订阅专栏
Unity零基础到进阶 ☀️| UGUI布局 之Content Size Fitter组件介绍 和 使用示例
努力前行，总会成为自己心中的那道光
07-09 9509
Unity中的UI布局组件Content Size Fitter组件介绍 和 使用示例
【Unity-UGUI控件全面解析】| Layout自动布局组件详解
热门推荐
努力前行，总会成为自己心中的那道光
06-06 2万+
UGUI中有个自动布局组件Auto Layout，主要包含下面几个模块（点击可进入官方文档下查看描述）： 自动布局 布局元素 (Layout Element) 水平布局组 (Horizontal Layout Group) 垂直布局组 (Vertical Layout Group) 网格布局组 (Grid Layout Group) 内容大小适配器 (Content Size Fitter) 自动布局系统 基于布局元素和布局控制器的概念。一个布局元素是具有矩形变换以及其他可选组件的游戏对象。布局元素对自身
unity中排版组件Horizontal Layout Group的使用
xinzhilinger的博客
10-03 9434
前言 在游戏中，我们经常遇到需要隐藏部分元素，如何保证在隐藏部分元素后，剩下的元素依旧能有序的排列呢，答案是使用Horizontal Layout Group组件 一、Horizontal Layout Group是什么？ unity官方文档的描述为： 翻译为中文： 对于基本的属性解释为： 二、使用步骤 直接为元素集合的父物体添加组件Horizontal Layout Group，并设置相关属性即可，例： 给三个Button按钮的父物体MainControl添加组件后，隐藏其中任何一个物体，其他物体
Unity UGUI控件之Vertical Layout Group
不在同一频道上的呆子的博客
10-29 2146
Vertical Layout Group是Unity中的UGUI控件，用于在垂直方向上对子对象进行布局。
Unity UGUI 之 自动布局组件
咩咩觉主的博客
07-26 649
自动布局系统基于布局元素和布局控制器的概念是拼UI的辅助功能自动布局 - Unity 手册。
Unity UGUI（十三）Vertical Layout Group与Horizontal Layout Group
JPF29
03-05 1万+
Vertical Layout Group 垂直布局 游戏物体层级如图： 初始效果如图： 为Image添加组件Vertical Layout Group： 效果为： Padding 填充 控制上下左右间距 Spacing 间距 子物体之间间距 Child Alignment 子级对齐 子物体对其方式 Child Con...
Unity UGUI的VerticalLayoutGroup（垂直布局）组件的介绍及使用
alianblank的博客
07-21 2347
VerticalLayoutGroup是Unity UGUI中的一种布局组件，用于在垂直方向上自动排列子对象。它可以根据子对象的大小和布局设置，自动调整子对象的位置和大小，实现垂直布局效果。
UGUI之Vertical Layout Group组件介绍
静风霁
11-30 1万+
UGUI之Vertical Layout Group组件介绍
【一文读懂】Unity布局组件：Horizontal Layout Group(水平布局组)，Vertical Layout Group(垂直布局组),Grid Layout Group(网格布局组)
最新发布
grapefruit_lyy的博客
09-13 897
本篇文章来学习一下Unity常用的布局组件，主要包括Horizontal Layout Group(水平布局组)，Vertical Layout Group(垂直布局组),Grid Layout Group(网格布局组)。这些布局组件常与、Layout Element组件一起使用。
LayoutGroupAnimation:演示如何在Unity UI中为LayoutGroup设置动画
05-11
Unity UI提供了几种不同的LayoutGroup类型，如`HorizontalLayoutGroup`、`VerticalLayoutGroup`和`GridLayoutManager`，它们分别用于水平、垂直布局以及网格布局。这些组件能够根据UI元素的大小和约束自动调整其子...
UGUI源码分析：GridLayoutGroup网格布局组件与ContentSizeFitter尺寸调节组件
vin129的博客
05-26 2985
系列 UGUI源码分析系列总览 相关前置： UGUI CanvasUpdateSystem源码分析 UGUI源码分析：LayoutSystem布局系统 UGUI源码分析：LayoutGroup中的纵横布局组件 文章目录系列UML图一览GridLayoutGroup属性介绍布局过程ContentSizeFitter属性介绍实现过程 UML图一览 GridLayoutGroup BaseClass: LayoutGroup Interface: 间接继承了ILayoutElement, ILayoutGr
UGUI源码分析：LayoutGroup中的纵横布局组件（HorizontalOrVerticalLayoutGroup）
vin129的博客
05-23 4259
系列 UGUI源码分析系列总览 相关前置： UGUI CanvasUpdateSystem源码分析 UGUI源码分析：LayoutSystem布局系统 文章目录系列UML图一览LayoutGroup属性介绍布局过程 UML图一览 LayoutGroup BaseClass: UIBehaviour Interface: ILayoutElement, ILayoutGroup Intro:布局系统的实施组件的基类 虽然UGUI组件中有一些组件都继承了ILayoutElement接口，但并不会涉及对
java垂直排布控件,unity列表控件Horizontal/Vertical/Grid Layout Group用法介绍
weixin_34847632的博客
03-21 1047
1. Grid Layout Group为Panel控件添加Grid Layout Group，子控件为四个按钮，分别为Grid，Calendar，Gear，User： 默认属性为 为方便演示，按钮的底色为控件自带image，按钮上面的图标为其子控件image： 显示效果为： Padding为设置父控件内部与子控件周围的空白间隙，比如这样设置： 显示效果： cell size为子控件大小，spac...
UGUI源码解析——HorizontalLayoutGroup、VerticalLayoutGroup、GridLayoutGroup
L的博客
06-14 965
HorizontalLayoutGroup和VerticalLayoutGroup继承自HorizontalOrVerticalLayoutGroup，分别为水平布局组件和垂直布局组件 GridLayoutGroup继承自LayoutGroup，为网格布局组件，它同时实现了水平和竖直布局 以上四个方法由布局系统自动调用，这三种布局组件都实现了以上四个方法，计算和设置布局 CalculateLayoutInputHorizontal和CalculateLayoutInputVerticall方法实现了计算并设
UGUI进阶组件[十五]VerticalLayoutGroup
weixin_43149049的博客
05-26 803
原文： unity 自动排版（Vertical Layout Group） 垂直布局组 “垂直布局组”组件将其子布局元素彼此重叠。它们的高度由各自的最小高度，首选高度和柔性高度决定，具体取决于以下模型： 1.所有子布局元素的最小高度相加在一起，并且它们之间的间距也相加。结果是垂直布局组的最小高度。 2.所有子布局元素的首选高度被加在一起，并且它们之间的间距也被添加。结果是垂直布局组的首选高度。 3.如果垂直布局组处于其最小高度或更小，则所有子布局元素也将具有其最小高度。 4.“垂直布局”组越接近其首选高度
unity 动态滚动增加条目ScrollRect mask vertical layout
最爱方方的博客
09-13 627
综合使用ScrollRect Mask Vertical Layout组件实现滚动条目 先讲ScrollRect 组件： 该组件就是用来设置哪些UI对象可以用来滑动，以及滑动范围。 其中有两个参数Content和ViewPort Content:用来设置那个对象下的内容需要滑动 ViewPort：设置滑动的范围，最好不要用空对象 Mask:该组件默认将同一对象上的Image组件当做遮罩，因此可以选择ViewPort挂载，并加Image组件 如果不希望image显示出来，不用非激活image组件，可以将ma
Unity UGUI控件之Horizontal Layout Group
不在同一频道上的呆子的博客
12-01 1589
Unity UGUI控件之Horizontal Layout Group
UGUI 之 LayoutGroup布局
陈言必行 -- Unity游戏开发领域优质博主
09-28 2888
UGUI之布局的使用 unity的LayoutGroup分为三种，对象填充总个父物体，水平会填充 Vertical Layout Group（垂直布局）：
【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件)
zhurouwanzi的博客
07-20 3081
🈶本篇是unity的Horizontal Layout Group组件
Unity UGUI中文教程：从入门到布局与组件详解
- LayoutGroups用于组织和管理子元素的布局规则，如HorizontalLayoutGroup、VerticalLayoutGroup和GridLayoutGroup。 - LayoutInterfaces提供了更高级的布局选项和接口。 7. 富文本： RichText组件支持Markdown...
评论 78
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

呆呆敲代码的小Y

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值