一导入图片资源

1. 导入 Sprite 图片资源
2. 修改图片检查器属性
3. 纹理类型： Sprite (2D和UI)
4. Sprite 模式: 多个
5. 每单位像素数：32
6. 过滤模式: 点 (无过滤器)
7. 压缩: 无
8. 打开 Sprite Editor -> 切片 -> 自动 -> 应用

二 创建预制件

1. 新建 UI -> 画布 重命名为 BagObject
2. 删除 EventSystem : ui 对象与输入设备的交互事件系统。暂时不需要

3. 修改BagObject属性

   • Canvas -> 勾选完美像素
   • Canvas Scaler -> UI缩放模式: 屏幕大小缩放
4. BagObject 下 新建 空对象 命名为 BagBackground
5. BagBackground 添加 Horizontal Layout Group 水平排列组件
6. BagObject 下 新建 空对象 命名为 Slot
7. Slot 属性:
   Rect Transform : 80x80
8. Slot 下 新建 UI -> 图像 命名为 ItemImage
9. Slot 下 新建 UI -> 图像 命名为 Background
10. Background 下 新建 UI -> 图像 命名为 Tray
11. Tray 下 新建 UI -> 图像 命名为 QtyText

12. 设置各对象背景图片及位置锚点

    • 禁用 ItemImage -> Image组件显示
    • Background: 背景图片
    • Tray: 背景图片
13. 创建 Slot 预制件
14. 创建 BagObject 预制件: 删除其中的Slot

三 编写脚本

1. 新建Slot类

   using UnityEngine;
   using UnityEngine.UI;
   
   public class Slot : MonoBehaviour
   {
       public Text qtyText; // qxtText 对象的引用
   }

2. 新建Bag类

   using UnityEngine.UI;
   using UnityEngine;
   
   public class Bag : MonoBehaviour
   {
       public GameObject slotPrefab; // slot预制件
       public const int numSlots = 5; // 格子数量
       Image[] itemImages = new Image[numSlots]; // 格子背景图
       PropScriptable[] props = new PropScriptable[numSlots];
       GameObject[] slots = new GameObject[numSlots]; // 格子对象
       void Start() {
           CreateSlots();
       }
       /// 创建格子
       public void CreateSlots() {
           // 如果格子预制件存在
           if (slotPrefab != null) {
               // 遍历生成
               for (int i = 0; i < numSlots; i++) {
                   GameObject newSlot = Instantiate(slotPrefab);
                   newSlot.name = "propslot_" + i;
                newSlot.transform.SetParent(gameObject.transform.GetChild(0).transform);
                   slots[i] = newSlot; // 添加到 slots 对象列表
                   itemImages[i] = newSlot.transform.GetChild(1).GetComponent<Image>(); // 添加图标到图标列表
               }
           }
       }
   
       /// 添加道具到背包
       public bool AddProp(PropScriptable prop) {
           // 遍历道具数量
           for (int i = 0; i < props.Length; i++) {
               if (props[i] != null && props[i].itemType == prop.itemType && prop.stackable == true)
               {
                   // Adding t existing slot
                   props[i].quantity = props[i].quantity + 1;
                   Slot slotScript = slots[i].GetComponent<Slot>();
                   Text quantityText = slotScript.qtyText;
                   quantityText.enabled = true;
                   quantityText.text = props[i].quantity.ToString();
                   return true;
               }
   
               if (props[i] == null)
               {
                   props[i] = Instantiate(prop);
                   props[i].quantity = 1;
                   itemImages[i].sprite = prop.sprite;
                   itemImages[i].enabled = true;
                   return true;
               }
           }
           return false;
       }
   }

3. 更新 Player 类

   ...

四 挂载脚本

五 挂载脚本预制件