Unity3D中Grid Layout Group组件一键实现自动排版Image

已于 2024-04-16 22:15:30 修改
阅读量1.9k 收藏 2
点赞数 1
分类专栏： Unity UGUI 文章标签： unity ugui
于 2020-08-26 17:19:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43801020/article/details/108243736
版权

Unity：Grid Layout Group组件一键实现自动排版Image

一、首先创建一个Image，用作与我们要设置的背景。

在这里插入图片描述

二、其次我们在背景Image里添加多个格子image

在这里插入图片描述

三、在父结点背景Image里面添加Grid Layout Group组件即可发现自动帮我们排版好了

在这里插入图片描述
注意：我们也可以通过建立一个空组件，从而将该组件作为格子的管理，即不在背景Image里面添加Grid Layout Group，而是在作为格子的管理的空组件里面去添加Grid Layout Group组件。当然我们要记得将Grid Layout Group组件作为背景Image的子节点。

公众号：平平无奇代码猴
也可以搜索：Jackiie_wang 公众号，欢迎大家关注！欢迎催更！留言！

Unity编辑器 - 自动排版
ltycloud的博客
02-08 2592
Unity编辑器 - 自动排版 使用花括号提高可读性 //一组横向排列的控件 GUILayout.BeginHorizontal(); { GUILayout.BeginVertical(); { //横向排列中的第一组竖向控件 } GUILayout.EndVertical(); GUILayout.BeginVertical...
Unity3D之toLua GridLayoutGroup
DuZhouHere的博客
02-28 362
在开发背包的时候，一个格子里面的物品，想通过预制体动态来创建，这样修改后，也节省重复劳动，我的适配方案是 在c#代码里面我测试过，克隆预制体放在Awake()里面是没有问题的，放在start里面就会被放大，因为我实际的分辨率是500x800; 因为lua脚本是被动态绑定的，不可能放在Awake里面绑定，所以就会出现预制体被放大的问题， ---初始化物品的框 function ZG...
Unity中的自动布局组件
qq_53069068的博客
08-06 810
解决方法：Content添加Content Size Fitter组件，然后Vertical设置为Preferred Size（更合适的），最后Content大小为道具的范围。Flexible Width、Height：按比例适配，比如当前道具填3，另一个道具填1，当前道具会占据父对象的总比例的3/4（图1-2）Start Corner：开始角落（比如从左边的上角落开始，还是从右边的下角落开始放置第一个道具）Ignore Layout：当前子节点忽略自动布局（红色矩形，效果看图1-1）
【Unity 3D 物体自动排列与适配插件】Fit It 3D通过智能算法和灵活的配置选项，帮助开发者高效地将多个物体适配到指定空间或容器中，适用于各种需要拼图、堆叠、空间优化的3D游戏场景
最新发布
2403_88403568的博客
03-19 472
Fit It! 3D 是一款为 Unity 开发的工具插件，旨在帮助开发者在 3D 游戏或应用中进行 物体自动排列与适配。它通过智能算法和灵活的配置选项，帮助开发者将多个 3D 物体适应到特定的空间或容器内，从而提升开发效率，特别适用于那些涉及 拼图、排列、堆叠 或 空间优化 的游戏场景。该插件非常适合用于 3D 闯关游戏、益智游戏、空间布局设计 等场景。
【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件)
zhurouwanzi的博客
07-20 4121
🈶本篇是unity的Horizontal Layout Group组件
Unity UGUI动态生成N个Item自动排列
09-02
Unity UGUI动态生成N个Item自动排列
Unity 几种排版方式：Layout Group
xinzhilinger的博客
12-14 1万+
前言： 你是否因为在使用UI元素时迟迟无法对其一排元素而痛苦，你是否因为元素数量动态变化而绝望。如果是，恭喜你找到绝佳良药 一、什么是Layout Group Layout Group翻译为“布局组”，从字面意思就可以理解，可以对一组元素进行动态布局，这里说的动态是，组内元素数量发生变化时，Layout Group可以智能的帮助你重新排版，可以从下面的演示图看到： 当我们为父元素添加一个Layout Group组件时，改变子元素的数量时，就会有这样一个动态的效果，这样无论合适，我们的排版都可以保持.
Unity3D中UI界面设计与交互效果的实现
Unity3D中UI界面设计基础 在Unity3D中，UI界面设计是游戏开发中不可或缺的一部分。本章将介绍UI界面设计的基础知识，包括UI系统的简介、Canvas的创建和设置、使用UI元素组件以及布局与层次管理。 ## 1.1 UI系统...
Unity 中的 UI 布局和动画
wufeng0000的博客
09-01 2997
Unity 中的 UI 布局和动画是实现优秀用户界面的关键要素。通过合理地使用 Canvas、Rect Transform、Layout Components 和 UI Mask 等组件，可以实现各种复杂的 UI 布局效果。同时，利用 Animation、Animator 和 UI Animation Components 等功能，可以创建出丰富多样的 UI 动画效果。在使用过程中，要注意一些使用技巧和性能优化注意点，以提高 UI 界面的质量和性能。
Unity3D UGUI图形界面设计与预制件应用指南
- 界面布局：如何使用UGUI的布局组件来组织UI元素的排版，例如使用Canvas Group、Grid Layout Group、Content Size Fitter等组件来管理布局。 - 动画和过渡：为UI元素添加动画效果，使用户交互更具吸引力。这部分...
【HFSS 3D Layout自动化脚本】：提升设计效率的5大编程技巧
[【HFSS 3D Layout自动化脚本】：提升设计效率的5大编程技巧](https://media.springernature.com/lw1200/springer-static/image/art%3A10.1038%2Fs41598-024-66515-x/MediaObjects/41598_2024_66515_Fig8_HTML.png) ...
unity UI自动排列并可滑动查看
热门推荐
SunnyInCSDN的博客
04-27 1万+
在使用unity的过程中，经常需要制作可滑动的界面，之前由于应用需要有一个阅读说明书的功能，所以编辑了一个可以滑动查看文字的界面，并且在手机上滑动相关区域也可以实现滑动查看的功能。当时因为比较忙所以没有写下教程。这次也是需要制作一个可滑动查看的界面，还增加了自动排列的功能，制作的过程中发现这一教程很少，少有的也不太清楚，最终还是自己给弄出来了，避免以后又需要制作，所以写下了这篇教程，给自己提供一个
Unity中的自动布局(AutoLayout)
木头圈
09-29 3990
本文分享Unity中的自动布局(AutoLayout) 在大部分情况下, Unity提供的RectTransform已经足够应付我们日常遇到的需求, 我们一般通过手动修改RectTransform即可. 但是在有些情况下, 我们需要动态设置RectTransform, 特别是动态调整大小或者一些组合布局的需求. Unity给我们提供了满足这种需求的机制, 就是所谓自动布局. 自动布局的基本介绍 自动布局由两部分组成, 即布局元素(LayoutElements)和布局控制器(LayoutControllers
Unity 3D GridLayoutGroup3D 让子物体对齐，调整子物体间距
CTangZe的博客
01-05 1942
脚本是一个用于在 Unity 3D 编辑器中创建 3D 网格布局的实用工具。主要用于在 Unity 编辑器中提供一种可视化的方式来设置和调整子物体的位置，同时支持删除脚本时将物体恢复原位。
Unity Horizontal/Vertical/Grid Layout Group组件使用案例
qq_36026082的博客
06-01 1701
最近工作上遇到了一个实现书架的需求，个人认为是对布局排列组件很好的一次运用。先放上基于标题组件使用后的最终效果：自定义书本数量，滑动滚动浏览书籍封面。每个书架。
unity 图片排序 外部读取图片并轮播
obf2018的博客
08-06 1094
在unity当中经常会出现图片过多，如果手动排序要耗费太长时间，这种情况下就可以通过脚本来完成排序功能，这种时候就可以通过在程序前添加[ExecuteInEditMode]，然后运行程序，图片就会自动排列好，并且在关闭运行后，图片不会恢复原点。 代码： using System.Collections; using System.Collections.Generic; using UnityEngine; using System; using DG.Tweening; using UnityEngine
Unity-Grid Layout Group组件
zhurouwanzi的博客
09-01 4622
Grid Layout Group The Grid Layout Group component places its child layout elements in a grid.
Unity UGUI的GridLayoutGroup（网格布局）组件的介绍及使用
alianblank的博客
07-10 5185
GridLayoutGroup是Unity UGUI中的一种布局组件，用于在UI界面中创建网格布局。它可以根据指定的行数、列数和间距自动排列子物体，使它们按照网格的形式排列。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值