Unity UGUI【Grid Layout Group】网格布局组

已于 2024-08-02 14:10:48 修改
阅读量2.4k 收藏
点赞数
分类专栏： Unity3D开发C#语音常用代码整理 文章标签： unity c# unity3d
于 2021-03-10 14:40:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44306106/article/details/114634035
版权
本文介绍了Unity UGUI中的Grid Layout Group，强调其在实际开发中的强大功能，可替代水平和垂直布局组。通过示例，详细说明如何配置Grid Layout Group以及所需的额外组件，以实现屏幕自适应和拖动效果。
摘要由CSDN通过智能技术生成

Unity UGUI【Grid Layout Group】网格布局组

众所周知：Unity的UGUI中的组件排序组件有很多种；
例如：水平布局组，垂直布局组和网格布局组；
网格布局组只是其中一种，今天之所以讲网格布局组，是因为我觉得这个网格布局组比前两个都要强大。
在开大的过程中，只要掌握了网格布局组，就可以实现在实际开发中的各种需求了。

UGUI的网格布局组(Grid Layout Group)：功能上类似于NGUI的Grid和Table组件；
当然这两个组件，我也偏重于Table组件（功能强大，使用方便）。

下面我们用具体的案例实现一下UGUI的Grid Layout Group（网格布局组）；

首先创建一个Panel，设置一下屏幕的尺寸以及屏幕自适应（具体参照Panel篇）；
创建Panel
在Panel下常见一个Image,设置如图：

了解本专栏 订阅专栏 解锁全文
五殿下
关注
专栏目录
订阅专栏
【Unity-UGUI控件全面解析】| Layout自动布局组件详解
努力前行，总会成为自己心中的那道光
06-06 2万+
UGUI中有个自动布局组件Auto Layout，主要包含下面几个模块（点击可进入官方文档下查看描述）： 自动布局 布局元素 (Layout Element) 水平布局组 (Horizontal Layout Group) 垂直布局组 (Vertical Layout Group) 网格布局组 (Grid Layout Group) 内容大小适配器 (Content Size Fitter) 自动布局系统 基于布局元素和布局控制器的概念。一个布局元素是具有矩形变换以及其他可选组件的游戏对象。布局元素对自身
Unity3d Ugui 20 Grid Layout Group Aspect Ratio Fitter
HexianWHH的专栏
08-05 3504
Grid Layout Group网格布局 属性 Padding：布局组内边缘偏移。Cell Size：要用于组内每个布局元素的大小。Spacing：布局子元素之间的间距。Start Corner：子元素从那个位置开始显示。Start Axis：优先沿哪个主轴放置元素。Horizontal 将在填充整行后才开始新行。Vertical 将在填充整列后才开始新列。Child Alignment：用于布局元素的对齐方式（如果这些元素未填满可用空间）。Constraint：将网格约束为固定数量的行或列以便支持.
UGUI源码分析：GridLayoutGroup网格布局组件与ContentSizeFitter尺寸调节组件
vin129的博客
05-26 3023
系列 UGUI源码分析系列总览 相关前置： UGUI CanvasUpdateSystem源码分析 UGUI源码分析：LayoutSystem布局系统 UGUI源码分析：LayoutGroup中的纵横布局组件 文章目录系列UML图一览GridLayoutGroup属性介绍布局过程ContentSizeFitter属性介绍实现过程 UML图一览 GridLayoutGroup BaseClass: LayoutGroup Interface: 间接继承了ILayoutElement, ILayoutGr
Unity组件大全之 Layout 组件 |（25）Grid Layout Group 网格布局组
最新发布
Unity打怪升级
09-17 1190
在 Unity 中，**Grid Layout Group** 是用于组织 UI 元素的强大工具之一。它属于 Unity UI 系统的一部分，主要用来将多个子对象排列成规则的网格布局。这种布局方式非常适合用于构建菜单、按钮面板、库存系统等需要均匀排列的界面元素。
【Unity UGUI】GridLayoutGroup：创建灵活的网格布局
Unity打怪升级
08-04 557
GridLayoutGroup是Unity UI系统中的一个布局组组件，它允许开发者将子对象按照网格的形式排列。它可以自动处理子对象的分布，使得界面布局更加整洁和有序。
Unity UGUI的GridLayoutGroup（网格布局）组件的介绍及使用
alianblank的博客
07-10 4606
GridLayoutGroup是Unity UGUI中的一种布局组件，用于在UI界面中创建网格布局。它可以根据指定的行数、列数和间距自动排列子物体，使它们按照网格的形式排列。
UGUI之Grid Layout Group组件介绍
热门推荐
静风霁
11-30 2万+
UGUi之Grid Layout Group组件介绍
UGUI 源码之 GridLayoutGroup
NRatel的博客
04-09 3639
一、重点： 1、GridLayoutGroup继承自LayoutGroup 2、布局所需参数： ⑴ StartCorner，从哪个角开始排布。 ⑵ StartAxis，从哪个轴开始排布。 ⑶ Constraint，列数或行数上的约束，可以指定行列数，也可以根据Content大小自适应。 ⑷ Spacing，间距、Padding，边距。 ⑸ CellSize，元素大小。 其中，⑴、⑵ 可以确定出八种排布方向。...
Unity 网格布局控件-Grid Layout Group
不在同一频道上的呆子的博客
12-05 2336
Unity 网格布局控件-Grid Layout Group
对UGUI的GridLayoutGroup组件进行拓展.rar
09-16
在这些组件中，GridLayoutGroup是一种非常实用的布局工具，用于组织游戏对象以形成网格状结构。在本教程中，我们将深入探讨如何对UGUI的GridLayoutGroup组件进行拓展，以满足更复杂的设计需求。 GridLayoutGroup的...
LayoutGroupAnimation:演示如何在Unity UI中为LayoutGroup设置动画
05-11
在Unity游戏开发中，UI设计和交互性是至关重要的元素，而`LayoutGroup`是Unity UI（UGUI）系统中的一个重要组成部分，它用于自动管理UI元素的排列和布局。本项目"LayoutGroupAnimation"旨在解决Unity UI布局系统在...
Unity3D 2D入门 —— 关于 UGUI，记录下GridLayoutGroup
davied9的专栏
11-13 6310
GridLayoutGroup 配合 ContentSizeFilter
Unity 常用网格布局GridLayoutGroup使用方法一
Struugle_Guy的博客
08-16 1万+
       本文简介：①UGUI GridLayoutGroup 的使用方法。        在游戏中，网格布局很是常见，比如背包，邮件商城等的展示，甚至是地图都可以使用到。GridLayoutGroup是UGUI封装的布局脚本，使用比较简单，但是范围很局限。适合用于子节点数量不是很多、结构单一的布局，比如简单背包。如下图 缺点：当子节点数据特别多的时候使用这种方法会很消耗资源，这种情况...
对UGUI的GridLayoutGroup组件进行拓展
jj391的博客
03-19 810
最在在工作过程经常会使用到Grid Layout Group 组件，在使用的过程中发现对Grid Layout Group应用都是差不多的，主要的区别是显示的Item内容不同。所以就想把Item抽离成BaseItem，然后在用MyGrid继承Grid Layout Group。代码如下： BaseItem using UnityEngine; using System.Collections;
Unity-Grid Layout Group组件
zhurouwanzi的博客
09-01 4437
Grid Layout Group The Grid Layout Group component places its child layout elements in a grid.
Unity 3D GridLayoutGroup3D 让子物体对齐，调整子物体间距
CTangZe的博客
01-05 1807
脚本是一个用于在 Unity 3D 编辑器中创建 3D 网格布局的实用工具。主要用于在 Unity 编辑器中提供一种可视化的方式来设置和调整子物体的位置，同时支持删除脚本时将物体恢复原位。
UGUI研究院之LayoutGroup布局
PEACE
06-17 1171
http://www.xuanyusong.com/archives/3336
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

五殿下

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

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

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

打赏作者

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

抵扣说明：

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

余额充值