背包系统——基于ScriptableObject的学习总结_前端拖拽背包系统

作者：weixin_40725706 | 2024-02-19 04:03:18

踩

前端拖拽背包系统

1.什么是ScriptableObject

2.UI的搭建

3.创建物品类和背包类并利用ScriptableObject存储信息

1.什么是ScriptableObject

ScriptableObject 是一个可独立于类实例来保存大量数据的数据容器。ScriptableObject 的一个主要用例是通过避免重复值来减少项目的内存使用量。如果项目有一个预制件在附加的 MonoBehaviour 脚本中存储不变的数据，这将非常有用。

每次实例化预制件时，都会产生单独的数据副本。这种情况下可以不使用该方法并且不存储重复数据，而是使用 ScriptableObject 来存储数据，然后通过所有预制件的引用访问数据。这意味着内存中只有一个数据副本。

就像 MonoBehaviour 一样，ScriptableObject 派生自基本 Unity 对象，但与 MonoBehaviour 不同，不能将 ScriptableObject 附加到游戏对象。正确的做法是需要将它们保存为项目中的资源。

如果使用 Editor，可以在编辑时和运行时将数据保存到 ScriptableObject，因为 ScriptableObject 使用 Editor 命名空间和 Editor 脚本。但是，在已部署的构建中，不能使用 ScriptableObject 来保存数据，但可以使用在开发期间设置的 ScriptableObject 资源中保存的数据。

从 Editor 工具作为资源保存到 ScriptableObject 的数据将写入磁盘，因此将在会话之间一直保留。

简单来说就是ScriptableObject可以保存数据（在本地），即实现存档。而且它无需挂载在任何节点上，就可以生效。

2.UI的搭建

做好了以后大概是这个样子，这里有一个组件十分的好用，叫Grid Layout Group

它可以让网格在背包中自适应的排列，并且可以控制间距和大小

3.创建物品类和背包类并利用ScriptableObject存储信息

这里放上代码

物品类


using System.Collections;
using System.Collections.Generic;
using UnityEngine;
 
[CreateAssetMenu(fileName ="New Item",menuName ="Inventory/New Item")]
public class Item : ScriptableObject
{
    public string itemName;
    public Sprite itemImage;
    public int itemNum;
    [TextArea]
    public string itemInFo;
 
    public bool isEquip;
}

背包类


using System.Collections;
using System.Collections.Generic;
using UnityEngine;
 
[CreateAssetMenu(fileName = "New Inventory", menuName = "Inventory/New Inventory")]
public class Inventory : ScriptableObject
{
    public List<Item> itemList = new List<Item>();
}

这里也利用了定制特性来对AssetMenu进行拓展可以直接创建物品和背包

效果如下

4.拾取物品在背包中显示

首先我们要给背包中的每个网格创建一个脚本，便于我们记录每个网格储存的物品的信息


using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
 
public class Slot : MonoBehaviour
{
    public int slotID;
    public Item slotItem;
    public Image slotImage;
    public Text slotNum;
    public GameObject itemInSlot;
    public string slotinfo;
    public void ItemOnClicked()
    {
        InventourManager.UpdateItemInfo(slotinfo);
    }
    public void SetuupSlot(Item item)
    {
        if(item==null)
        {
            itemInSlot.SetActive(false);
            return;
        }
        slotImage.sprite = item.itemImage;
        slotNum.text = item.itemNum.ToString();
        slotinfo = item.itemInFo;
    }
}

接着创建一个单例InventourManager，便于其他脚本来访问这个脚本中的方法，同时也是用来管理我们的背包


using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class InventourManager : MonoBehaviour
{
    static InventourManager instance;
    public Inventory myBag;
    public GameObject slotGrid;
    // public Slot slotPrefab;
    public GameObject emptySlot;
    public Text itemInfo;
 
    public List<GameObject> slots = new List<GameObject>();
    private void Awake()
    {
        if(instance!=null)
        {
            Destroy(this); 
        }
        instance = this;
    }
    public void OnEnable()
    {
        RefreshItem();//刷新背包
        instance.itemInfo.text = "";//对文字进行初始化
    }
    public static void UpdateItemInfo(string Itemdescrip)
    {
        instance.itemInfo.text = Itemdescrip;//上传物品信息
    }
    public static void RefreshItem()//刷新背包
    {
        for(int i=0;i<instance.slotGrid.transform.childCount;i++)
        {
            if (instance.slotGrid.transform.childCount == 0)
                break;
            Destroy(instance.slotGrid.transform.GetChild(i).gameObject);
            instance.slots.Clear();
        }
        for(int i=0;i<instance.myBag.itemList.Count;i++)
        {
            instance.slots.Add(Instantiate(instance.emptySlot));
            instance.slots[i].transform.SetParent(instance.slotGrid.transform);
            instance.slots[i].GetComponent<Slot>().slotID = i;
            instance.slots[i].GetComponent<Slot>().SetuupSlot(instance.myBag.itemList[i]);
        }
    }
}

这然后就要在地图上添加物体并给他们脚本，实现每次拾取物品都会在背包中显示，并且点击物品会显示他们的信息


using System.Collections;
using System.Collections.Generic;
using UnityEngine;
 
public class itemOnWorld : MonoBehaviour
{
    public Item thisItem;
    public Inventory playerBag;
    private void OnTriggerEnter2D(Collider2D other)
    {
        if(other.gameObject.CompareTag("Player"))
        {
            Destroy(gameObject);
            AddNewItem();
        }
    }
    public void AddNewItem()
    {
        if(!playerBag.itemList.Contains(thisItem))
        {
           // playerBag.itemList.Add(thisItem);
           for(int i=0;i<playerBag.itemList.Count;i++)
            {
                if(playerBag.itemList[i]==null)
                {
                    playerBag.itemList[i] = thisItem;
                    break;
                }
            }
        }
        else
        {
            thisItem.itemNum++;
        }
        InventourManager.RefreshItem();
    }
}

5.物品的拖拽，交换位置以及背包的拖拽

这里注意要在Slot上的Item上添加Canvas Group组件，这可以用来在UI面板上进行射线检测，检测当前鼠标位置下的网格是否有物体

要使用鼠标的拖拽相关的内容，要引入一个新的库，using UnityEngine.EventSystems;同时使用鼠标拖拽相关的接口，IBeginDragHandler,IDragHandler,IEndDragHandler分别对应开始拖拽，拖拽中，拖拽结束。

要注意开始拖拽以后要将CanvasGroup中的blocksRaycasts关掉，以便于获取格子上的信息，否则就只能获取当前鼠标拖拽物品的信息，物品就会挡住后面的各自的信息，然后在拖拽结束也要将它再次打开以便于再次进行拖拽


using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;
 
public class itemOnDrag : MonoBehaviour,IBeginDragHandler,IDragHandler,IEndDragHandler
{
    public Transform originalParent;
    public Inventory myBag;
    int currentID;
    public void OnBeginDrag(PointerEventData eventData)
    {
        originalParent = transform.parent;
        currentID = originalParent.GetComponent<Slot>().slotID;
        transform.SetParent(transform.parent.parent);
        transform.position = eventData.position;
        GetComponent<CanvasGroup>().blocksRaycasts = false;
    }
 
    public void OnDrag(PointerEventData eventData)
    {
        transform.position = eventData.position;
       // Debug.Log(eventData.pointerCurrentRaycast.gameObject.name);
    }
 
    public void OnEndDrag(PointerEventData eventData)
    {
        if(eventData.pointerCurrentRaycast.gameObject!=null)
        {
            if (eventData.pointerCurrentRaycast.gameObject.name == "Item Image")
            {
                transform.SetParent(eventData.pointerCurrentRaycast.gameObject.transform.parent.parent);
                transform.position = eventData.pointerCurrentRaycast.gameObject.transform.parent.parent.position;
 
                var temp = myBag.itemList[currentID];
                myBag.itemList[currentID] = myBag.itemList[eventData.pointerCurrentRaycast.gameObject.GetComponentInParent<Slot>().slotID];
                myBag.itemList[eventData.pointerCurrentRaycast.gameObject.GetComponentInParent<Slot>().slotID] = temp;
 
                eventData.pointerCurrentRaycast.gameObject.transform.parent.position = originalParent.position;
                eventData.pointerCurrentRaycast.gameObject.transform.parent.SetParent(originalParent);
                GetComponent<CanvasGroup>().blocksRaycasts = true;
                return;
            }
            if (eventData.pointerCurrentRaycast.gameObject.name == "slot(Clone)")
            {
                transform.SetParent(eventData.pointerCurrentRaycast.gameObject.transform);
                transform.position = eventData.pointerCurrentRaycast.gameObject.transform.position;
                myBag.itemList[eventData.pointerCurrentRaycast.gameObject.GetComponentInParent<Slot>().slotID] = myBag.itemList[currentID];
                if (eventData.pointerCurrentRaycast.gameObject.GetComponent<Slot>().slotID != currentID)
                    myBag.itemList[currentID] = null;
                GetComponent<CanvasGroup>().blocksRaycasts = true;
                return;
            }
        }
        transform.SetParent(originalParent);
        transform.position = originalParent.position;
        GetComponent<CanvasGroup>().blocksRaycasts = true;
    }
}

这个代码实现了物品交换位置以及在非法的位置下自动回到原来的位置。

下面是背包的拖拽


using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;
 
public class MoveBag : MonoBehaviour, IDragHandler
{
    RectTransform currentRect;
 
    private void Awake()
    {
        currentRect = GetComponent<RectTransform>();
    }
    public void OnDrag(PointerEventData eventData)
    {
        currentRect.anchoredPosition += eventData.delta;
    }
}

6.数据的本地存储

当我们的游戏生成以后，ScriptableObject 是不能被记录更改的，就要利用文件相关的知识来存储背包的数据。建立一个GameSaveManager脚用来保存和加载数据。这里要引入两个新的库

using System.IO;文件相关的
using System.Runtime.Serialization.Formatters.Binary;序列化的二进制的格式

同时ScriptableObject中的信息是不能直接转化为二进制形式存储到文件中，因此要医用JsonUtility的ToJson和FromJsonOverwrite将信息转化为json格式存储并可以通过FromJsonOverwrite重新写回到ScriptableObject中


using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using System.IO;
using System.Runtime.Serialization.Formatters.Binary;
 
public class GameSaveManager : MonoBehaviour
{
    public Inventory myInventory;
    public void SaveGame()
    {
        Debug.Log(Application.persistentDataPath);//获取游戏数据的文件夹
        if (!Directory.Exists(Application.persistentDataPath + "/game_SaveData"))
        {
            Directory.CreateDirectory(Application.persistentDataPath + "/game_SaveData");
        }
        BinaryFormatter formatter = new BinaryFormatter();//二进制转化
        FileStream file = File.Create(Application.persistentDataPath + "/game_SaveData/inventory.txt");//创建文件
        var json = JsonUtility.ToJson(myInventory);//将信息转化为json格式存储并可以通过FromJsonOverwrite重新写回到ScriptableObject
        formatter.Serialize(file, json);//以二进制的方法写到文件当中
        file.Close();
    }
    public void LoadGame()
    {
        BinaryFormatter bf = new BinaryFormatter();
        if(File.Exists(Application.persistentDataPath + "/game_SaveData/inventory.txt"))
        {
            FileStream file = File.Open(Application.persistentDataPath + "/game_SaveData/inventory.txt",FileMode.Open);
            JsonUtility.FromJsonOverwrite((string)bf.Deserialize(file), myInventory);
            file.Close();
 
        }
    }
}

7.实例演示

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/112496