Unity背包格子UI自动布局

最新推荐文章于 2023-03-16 15:05:55 发布
最新推荐文章于 2023-03-16 15:05:55 发布
阅读量977 收藏
点赞数
分类专栏： Unity3D 文章标签： unity ui c#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Weirdo_ran/article/details/122259981
版权

如图所示，使用Grid Layout Group，把他挂在父物体身上，这样你拖动父物体的时候，子物体（也就是里面的格子，就会自动的变大或者缩小

UI的自动布局除了上面的Grid Layout Group之外，还有很多

想了解的自己去试试吧） 

Yfzm_c
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
【Unity&NGUI】背包，技能栏，Grid自动排序以及代码使用的条件
BuladeMian的博客，菜得抠脚，菜得真实
04-26 7019
背包，技能栏都会用到Unity 的NGUI 的Grid自动排序 《使命某某OL》的背包系统，与Unity 的NGUI 的Grid自动排序 按照参考资料1，自行实践 --------------------------------------------------------------------------------------- 打乱排序
【Unity】UI自定义自动布局
qq_44861231的博客
08-06 945
【Unity】UI自定义自动布局 由于某些需求有一个使用GridLayoutGroup组件无法达到对应的布局效果，本来打算使用提前定义好结点后再在对应的结点上进行一个添加的方式，不过在和主程沟通后得知可以自定义一个LayoutGroup，于是就去看了相关资料。 这里先提一下相关资料： UGUI源码分析：CanvasUpdateSystem 画布刷新系统 UGUI源码分析：LayoutSystem布局系统 具体实现 具体实现需要继承LayoutGroup，并实现对应的函数。 using Unity.Mathe
Unity UGUI Layout自动排版组件用法介绍
热门推荐
ChinarCSDN的博客
08-31 1万+
Unity UGUI Layout自动排版组件用法介绍 Unity UGUI布局组件 本文提供全流程，中文翻译 助力快速理解 Unity UGUI Layout 布局组件的使用场景 需要将某个板块中的信息，图标给整理，整齐的进行排版 Unity 为我们提供了 Layout 布局组件 可以非常方便的实现此类需求 Grid Layout Group 网格布局 —— 支持竖向、横向排列 Horizontal Layout Group 网格布局 —— 仅支持横向排列 Vertical Layout Group
unity ui-03自动布局
最爱方方的博客
07-02 438
1.LayoutElement Text 、Image对象可以作为布局元素 2.LayoutGroup 布局方式：格子布局、水平布局、垂直布局，以及组件的形式添加到对象中。 组件自带的属性有， Padding->Spaceing 每个元素之间间隔距离 Padding->Child Force Expand []width []height 强制将子元素在某个方向上铺满 3.LayoutControl 步骤： 1.构建一个空对象，添加布局组件LayoutGroup 2.在空对象下创建一个图片或者
Unity：UI自动布局与多级菜单
qq_42987967的博客
06-27 1943
在自动布局中主要用到了锚点、轴心、Content Size Fitter、Vertical Layout Group这几个特性。锚点与锚心是两个在UI当中比较重要的概念了，作为初学者，弄了好久才弄明白。首先可参考Unity手册：矩形变换 - Unity 手册锚点又称锚钉，既然能称之为钉子说明其是牢固的，但是其的牢固是相对父物体的，即以父物体的坐标为参考单位的。最形象贴切的理解是这个：unity中关于锚点的相关知识 - LittleMan丶 - 博客园锚点相当于钉子，其位置只受到父物体大小的影响，并且锚点的坐
Unity学习笔记之UGUI基础——自动布局
日暮途远的博客
03-08 547
自动布局可以让一组图片，自动的排列成一个规则的阵列，其中需要用到几个组件   HorizontalLayoutGroup：让一组对象水平自动布局              Padding：                          Left：       左边距                          Right：    右边距                          ...
Unity-UIEffect UI特效资源
最新发布
04-16
- 在Unity中 UGUI 的使用几乎是必不可少的，虽然也有NGUI、FGUI等可以使用，但使用UGUI的还是占多数。 - 而在使用UGUI的过程中，除了一些基础的UI交互页面及逻辑，学习一些UGUI特效的使用也是很有必要的。 - 接下来...
Unity物体与UI连线插件
06-12
简单实现物体与UI连线功能
Unity 科技风 游戏UI Vector Game
12-19
Unity的Rect Transform组件和Layout Group可以帮助实现这一点，自动调整UI元素的位置和大小。 8. **Event System**: Unity的Event System组件处理UI元素间的交互，如点击、拖动等事件。开发者可以通过编写C#脚本来...
Unity炫酷科技UI资源带音效
07-28
在“Unity炫酷科技UI资源带音效”这个资源包中，我们聚焦的是如何利用Unity来创建具有未来科技感的用户界面（UI），并且这些UI元素还配备了音效，为游戏或应用程序增添更多互动性和沉浸感。 首先，UI设计在任何互动...
Unity UGUI动态生成N个Item自动排列
09-02
Unity UGUI动态生成N个Item自动排列
unity ugui UI脚本自动生成工具
04-23
unity ugui UI脚本自动生成工具，可以生成C# 和 Lua 脚本，还可以在面板上预览生成的脚本
Unity背包系统
11-29
Unity背包系统
物体自动排列
02-02
，一个环形排列物体，围绕某个中心物体。另一个是直线排列物体，可以调节之间的位置，也可以调节旋转角度。 使用的时候拖到物体上，不需要的时候删掉
unity 游戏 进度条UI素材.zip
11-30
Unity 游戏开发中，UI（用户界面）是至关重要的组成部分，它负责提供玩家与游戏交互的视觉元素。"进度条UI"是其中一种常见组件，通常用于展示加载进度、生命值、能量值或者游戏任务完成度等。本资源"unity 游戏 ...
unity 背包选中_Unity 简单的背包实现
weixin_34996026的博客
02-04 442
使用Unity完成简单的背包功能用UGUI布局成一下这个样子设置BackGround的tag为BagLft,Center,Right设置为Groove所有的Item设置为BagItem在BackGround中添加组件Grid Layout Group,使拖动上去之后能够正确排版并且为所有item添加CanvasGroup组件,当BlockRaycasts为false时使射线能够穿透该物体,反则则不...
unity3D-learning：UI背包系统
tangyt77的博客
06-05 682
6、作业与练习以下作业五选一：1、血条（Health Bar）的预制设计。具体要求如下分别使用 IMGUI 和 UGUI 实现使用 UGUI，血条是游戏对象的一个子元素，任何时候需要面对主摄像机分析两种实现的优缺点给出预制的使用方法2、 UI 效果制作（你仅需要实现以下效果之一）进入 NGUI 官方网站，使用 UGUI 实现以下效果Inventory 背包系统Quest Log 公告牌Scroll...
unity学习-背包系统
Ayatsuji_Tsukasa的博客
03-16 867
记录背包系统
unity背包系统完整版
qq_41871270的博客
07-24 5784
背包系统分三个层次 背包整体——背包网格——背包物品，其中物品是用代码实例化出来的。 目录 背包类 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class Bag : MonoBehaviour { ...
Unity背包格子的排列,是如何通过锚点来实现的,说清楚具体步骤,举例说明,要求内容3000字以上
05-24
Unity作为一个游戏引擎，提供了非常丰富的UI件和布局方式。在游戏中，背包是我们经常会用到的一个功能，而背包的格子排列方式则是非常关键的一部分，这里我们就来探讨一下如何通过锚点来实现Unity背包格子的排列。 1. 创建背包格子预制件 首先，我们需要先创建一个背包格子的预制件，这里我们以64*64像素的方形为例。创建之后，我们可以在预制件的RectTransform组件上设置锚点。 2. 设置锚点 在Unity中，锚点是指UI元素相对于父物体的位置。锚点有9个位置，分别是左上、上、右上、左、中、右、左下、下、右下。我们可以通过在RectTransform组件上设置锚点来决定UI元素的位置和大小。 例如，如果我们希望一个UI元素始终位于其父物体的左上角，我们可以将锚点设置为(0,1)，表示左上角。 3. 创建背包面板 接下来，我们需要创建一个背包面板，并将预制件放置在面板上。我们可以在面板的RectTransform组件上设置锚点和位置，使其适应不同屏幕分辨率。 例如，如果我们希望背包面板始终位于屏幕中央，并且在屏幕分辨率发生变化时自动调整大小，我们可以将锚点设置为(0.5,0.5)，表示屏幕中央。 4. 编写脚本 接下来，我们需要编写脚本来实现格子的排列。在这个例子中，我们可以创建一个名为GridManager的脚本，并将其挂载到背包面板上。 在脚本中，我们可以先获取背包面板的RectTransform组件，然后根据面板的大小和格子的大小计算出每行可以容纳多少个格子。 然后，我们可以遍历背包中每个格子，并根据其在背包中的位置和大小计算出其应该出现的位置和大小。最后，将其设置到相应的RectTransform组件中。 例如，以下是一个简单的代码示例： ```csharp public class GridManager : MonoBehaviour { public GameObject gridPrefab; public int gridSize = 64; private RectTransform rectTransform; private int rows; private int columns; void Start() { rectTransform = GetComponent<RectTransform>(); rows = (int)(rectTransform.rect.height / gridSize); columns = (int)(rectTransform.rect.width / gridSize); for (int i = 0; i < rows; i++) { for (int j = 0; j < columns; j++) { GameObject grid = Instantiate(gridPrefab, transform); grid.GetComponent<RectTransform>().localPosition = new Vector3(j * gridSize, -i * gridSize, 0); grid.GetComponent<RectTransform>().sizeDelta = new Vector2(gridSize, gridSize); } } } } ``` 5. 运行游戏 最后，我们可以运行游戏，看看格子是否正确排列。如果格子没有正确排列，我们可以通过调整锚点和位置来解决问题。 总结 通过以上步骤，我们可以通过锚点来实现Unity背包格子的排列。需要注意的是，锚点的设置和位置的调整非常关键，需要根据不同的需求进行调整。同时，编写脚本也需要考虑到不同屏幕分辨率和格子大小的变化，以保证格子能够正确排列。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值