Unity UGUI背包系统 之 制作背包的UI界面。本节介绍背包系统UI界面的简单的案例，具体如下
工具/原料
Unity
UGUI
UGUI背包系统 之 制作背包的UI界面
1、在场景中，新建一个“Canavas”，可以改名为“KnapsackUI”，设置“Canavas Scaler”的 “UI Scale Mode”为“Scale With Screen Size”，具体如下图
2、在“KnapsackUI”下，新建一个“Panel”，可以改名为“GridPanel”，然后合理调整好大小与布局，具体如下图
3、在“GridPanel”下添加一个“Image”，可以命名为“GridImage”，可以在工程中新建文件夹为“Prefabs”，把“GridImage”作为预制件，具体如下图
4、选中“GridPanel”，添加一个“Grid Layout Group”组件，具体如下图
8、在打开的“ItemImage”脚本上编辑代码，实际应用中可能是修改图片精灵，本案例愍父煜暌讲解修改文本信息，首囗寝嗵若先设置获得文本的变量，然后提供接口修改文本信息（当为图片时，获得图片组件，提供接口修改图片组件精灵），具体代码和代码说明如下图
11、“GridImage”脚本短铘辔嗟具体内容如下：using System.Collections;using System.Collections.Ge荏鱿胫协neric;using UnityEngine;public class GridPanel : MonoBehaviour { public Transform[] grids; public Transform GetEmptyGrid() { for (int i = 0; i < grids.Length; i++) { if (grids[i].childCount == 0) { return grids[i]; } } return null; }}
12、脚本编译正确，回到Unity界面，把脚本“ItemIamge”赋给UI“ItemImage”，把脚本“GridPanel”赋给UI“GridPanel”，具体如下图
13、到此《Unity UGUI背包系统（二） 之 制作背包的UI界面》讲解结束，谢谢