NGUI簡單背包系統的實現

　　一、利用txt文件存儲游戲物品信息

　　首先在asset下創建一個txt文件，這里我們命名為objectsInfoList.txt，並將其拖放到unity Project視圖中。

　　其中txt中我們先存放一些物品信息，每行存儲一種物品信息，分別為編號、名稱、物品對應的圖片名、種類、回血值、回藍值、出售價和購買價。

　　其中物品圖片要先用NGUI做成圖集，種類中的Drug為葯品類，以后在代碼中我們會定義一個枚舉用於存儲物品種類。

　　

　　接下來我們創建一個空物體叫做GameSetting，上面掛一個腳本ObjectsInfo,我們把txt文件讀取到一個string中，根據'\n'及','分割字符串，取得對應的物品信息，然后存儲到Dictionary中，以后需要物品信息時便可以從dictionary中取出來了。

　　代碼如下，就不做具體解釋了。。。雖然注釋少點，但還是挺簡單的

using UnityEngine;
using System.Collections;
using System.Collections.Generic;

public class ObjectsInfo : MonoBehaviour 
{

    public static ObjectsInfo _instance;
    public TextAsset objectsInfoListText;

    private Dictionary<int, ObjectInfo> objectInfoDictionary =
        new Dictionary<int, ObjectInfo>();

    void Awake()
    {
        _instance = this;
        ReadInfo();
    }

    public ObjectInfo GetObjectInfoById(int key)
    {
        ObjectInfo info = new ObjectInfo();
        objectInfoDictionary.TryGetValue(key, out info);
        return info;
    }
    private void ReadInfo()
    {
        string text = objectsInfoListText.text;
        string[] strArray = text.Split('\n');
        foreach (string str in strArray)
        {
            string[] proArray = str.Split(',');

            ObjectInfo info = new ObjectInfo();

            int id = int.Parse(proArray[0]);
            string name = proArray[1];
            string iconName = proArray[2];
            string typeStr = proArray[3];

            info.id=id;
            info.name=name;
            info.iconName=iconName;
            ObjectType type = ObjectType.Drug;
            switch (typeStr)
            { 
                case "Drug":
                    type = ObjectType.Drug;
                    break;
                case "Equip":
                    type = ObjectType.Equip;
                    break;
                case "Mat":
                    type = ObjectType.Mat;
                    break;
            }
            info.type=type;
            if (type == ObjectType.Drug)
            {
                int hp = int.Parse(proArray[4]);
                int mp = int.Parse(proArray[5]);
                int priceSell = int.Parse(proArray[6]);
                int priceBuy = int.Parse(proArray[7]);

                info.hp = hp;
                info.mp = mp;
                info.priceBuy = priceBuy;
                info.priceSell = priceSell;
            }

            //添加到字典上，id為key，方便根據id查找
            objectInfoDictionary.Add(id, info);
        }
    }
}

public enum ObjectType 
{
    Drug,
    Equip,
    Mat
}

//id,名稱,icon名稱,類型,加血值,加藍值,賣出價,買入價
public class ObjectInfo
{
    public int id;
    public string name;
    public string iconName;
    public ObjectType type;
    public int hp;
    public int mp;
    public int priceSell;
    public int priceBuy;
}

　　二、背包系統

　　1、設計背包系統的UI界面

　　主界面背景：新建一個sprite，選擇相應圖片，命名為Inventory

　　格子：在Inventory下創建sprite，並在下面創建一個label用來顯示物品數量，命名為NumLabel，然后做成prefab並復制多個

　　其他：整理背包按鈕、金錢圖標及顯示金幣數量的label

　　做出來的界面如下

　　

　　2、控制背包物品的管理

　　 我們給Inventory添加一個腳本命名為Inventory，給格子添加一個腳本命名為InventoryItemGrid方便對格子的管理

　　 在Inventory腳本中，定義一個List<InventoryItemGrid> itemGridList用於存放背包的所有格子，並在unity界面中將所有格子拖過去賦值（注意要按照格子的順序賦值，所以格子創建完后，最好給格子分別命名一下如gide00，grid01.....，也方便以后的測試），並定義好金錢數目等變量；我們給背包添加一個tween動畫，控制背包的顯示與隱藏，並在腳本中提供相應方法，具體代碼如下

　　

using UnityEngine;
using System.Collections;
using System.Collections.Generic;

public class Inventory : MonoBehaviour {

    public static Inventory _instance;
    private TweenPosition tweenPosition;

    private int coinCount = 1000;
    public UILabel coinCountLabel;

    public List<InventoryItemGrid> itemGridList = new List<InventoryItemGrid>();

    // Use this for initialization
    void Awake () {
        _instance = this;
        tweenPosition = GetComponent<TweenPosition>();
    }
    
    private bool isShow = false;
    private void Show()
    {
        isShow = true;
        tweenPosition.PlayForward();
    }

    private void Hide()
    {
        isShow = false;
        tweenPosition.PlayReverse();
    }
   

    public void TransformState()
    {
        if (!isShow)
        {
            Show();
            isShow = true;
        }
        else
        {
            Hide();
            isShow = false;
        }
    }
}

 

　　3、背包方格物品的prefab制作

　　在格子下創建一個sprite，可以隨便選一張圖片，調整大小使之適應格子大小，將其做成prefab，添加一個腳本命名為InventoryItem 

　　由於我們的物品應該是可以拖動的，所以應attach一個Box Collider，腳本InventoryItem讓其繼承於UIDragDropItem 便可以實現拖拽功能了。定義一個int id用於設置要顯示物品的id，並提供一個SetId方法控制對應圖片的顯示。代碼如下：　

using UnityEngine;
using System.Collections;

public class InventoryItem : UIDragDropItem {

    private UISprite sprite;
    private int id;

    void Awake()
    {
        base.Awake();
        sprite = this.gameObject.GetComponent<UISprite>();
    }

    public void SetId(int id)
    {
        ObjectInfo info = ObjectsInfo._instance.GetObjectInfoById(id);
        sprite.spriteName = info.iconName;
        this.id = id;
    }

   
}

　　4、控制方格對下面物品的管理

　　 InventoryItemGrid腳本中定義變量id為物品的編號，num為物品的數量，以及UILabel控制物品數量的顯示，並獲取格子下面物品上的腳本InventoryItem調用上面的SetId方法，設置物品相應的圖片。代碼很簡單。。。

using UnityEngine;
using System.Collections;

public class InventoryItemGrid : MonoBehaviour {

    public int id = 0;
    public int num = 0;
    private ObjectInfo info = null;
    private UILabel numLabel;

    void Start()
    {
        numLabel = this.GetComponentInChildren<UILabel>();
    }

    public void SetId(int id, int num = 1)
    {
        this.id = id;
        info = ObjectsInfo._instance.GetObjectInfoById(id);
        InventoryItem item = this.GetComponentInChildren<InventoryItem>();       
        this.num = num;
        numLabel.text = this.num.ToString();
        numLabel.enabled = true;

        item.SetId(id);
    }

    public void PlusNum(int num = 1)
    {
        this.num += num;
        numLabel.text = this.num.ToString();
    }
    public void ClearInfo()
    {
        id = 0;
        num = 0;
        info = null;
        numLabel.enabled = false;
    }
}

 　　5、背包物品的拾取功能

　　 由於我們txt文件中只存儲了3種物品，這里我們使用隨機數模擬一下拾取功能，每次按下x鍵隨機一個數，並根據id取得該物品其他信息，實例化該物體並調整坐標及parent

void Update () {
        if (Input.GetKeyDown(KeyCode.X))
        {
            GetSomething(Random.Range(1001, 1004));
        }
    }

    private void GetSomething(int id)
    {
        InventoryItemGrid grid = null;
        //檢測grid中有沒有當前物體
        foreach (InventoryItemGrid temp in itemGridList)
        {
            if (temp.id == id)
            {
                grid = temp;
                break;
            }
        }
        if (grid != null)//有當前物體 num加1
        {
            grid.PlusNum(1);
        }
        else//沒有當前物體 查找是否有空格 根據id是否為0判斷
        {
            foreach (InventoryItemGrid temp in itemGridList)
            {
                if (temp.id == 0)
                {
                    grid = temp;
                    break;
                }
            }

            if (grid != null)//有空格
            {
                //在當前格實例化物體
                GameObject go = NGUITools.AddChild(grid.gameObject, inventoryItemGameobject);
                go.transform.localPosition = Vector3.zero;
                go.GetComponent<UISprite>().depth = 8;
                grid.SetId(id);

            }
            else//沒有空格
            {
                print("背包滿了");  
            }

        }
    }

 　　6、實現背包物品的拖拽功能

　　物品的拖拽有幾種情況需要分別實現：物品拖到一個空格，物品拖到有物品的格子、兩物品應交換位置信息，物品拖到背包界面外等應還在當前格子

　　拖拽功能的實現應在protected override void OnDragDropRelease(GameObject surface) 這個函數中實現，判斷拖放結束時停留的物體為surface，要區分surface的類別，應根據tag來實現，因此我們給所有的格子添加Tag InventoryItemGrid，給物品添加Tag InventoryItem，為了方便tag管理我們添加一個Tags腳本，其中存儲各種Tags信息　　

using UnityEngine;
using System.Collections;

public class Tags : MonoBehaviour {

    public const string GROUND = "Ground";
    public const string PLAYER = "Player";
    public const string INVENTORY_ITEM = "InventoryItem";
    public const string INVENTORY_ITEM_GRID = "InventoryItemGrid";
}

 物品拖拽功能的實現代碼如下

protected override void OnDragDropRelease(GameObject surface)
    {
        base.OnDragDropRelease(surface);

        if (surface != null)
        {
            //拖放到一個有物體的格子
            if (surface.tag == Tags.INVENTORY_ITEM)
            {
                InventoryItemGrid oldGrid = this.transform.parent.GetComponent<InventoryItemGrid>();
                int id = oldGrid.id;
                int num = oldGrid.num;
                InventoryItemGrid newGrid = surface.transform.parent.GetComponent<InventoryItemGrid>();

                //交換數據
                oldGrid.SetId(newGrid.id, newGrid.num);
                newGrid.SetId(id, num);

                ResetPosition();
            }
            //拖放到一個空格子
            else if (surface.tag == Tags.INVENTORY_ITEM_GRID)
            {
                //拖放到自己的格子
                if (surface.transform.parent == this.transform.parent)
                {
                    ResetPosition();
                }
                else//其他空格子 
                {
                    InventoryItemGrid oldGrid = this.transform.parent.GetComponent<InventoryItemGrid>();

                    InventoryItemGrid nowGrid = surface.GetComponent<InventoryItemGrid>();
                    this.transform.parent = surface.transform;
                    ResetPosition();
                    nowGrid.SetId(oldGrid.id, oldGrid.num);
                    oldGrid.ClearInfo();
                }

            }
            else
            {
                ResetPosition();
            }
        }
        else
        {
            ResetPosition();
        }
    }

    private void ResetPosition()
    {
        transform.localPosition = Vector3.zero;
    }

 　　7、背包物品的信息提示

　　 在unity背包下面添加一個sprite作為提示信息的背景，背景下面添加一個label顯示提示信息。

　　我們應在鼠標放在物品上時顯示該物品的詳細信息，鼠標移出時提示信息框則應消失。要實現這種效果，我們可以在物品prefab上添加一個NGUI提供的UI Event Trigger組件，On Hover Over和On Hover Out分別綁定InventoryItem中的兩個函數

public void OnHoverOver()
    {
        InventoryDes._instance.Show(id,this.transform.position);
    }

    public void OnHoverOut()
    {
        InventoryDes._instance.Hide();
    }

 

　　在界面上提示信息的sprite上面掛一個腳本命名為InventoryDes,該腳本控制提示信息的顯示隱藏等功能

　　

using UnityEngine;
using System.Collections;

public class InventoryDes : MonoBehaviour {

    public static InventoryDes _instance;

    private UILabel label;
    void Awake()
    {
        _instance = this;
        label = this.GetComponentInChildren<UILabel>();
        this.gameObject.SetActive(false);
    }

    public void Show(int id,Vector3 pos)
    {
        this.gameObject.SetActive(true);
        this.transform.position = pos;
        ObjectInfo info = ObjectsInfo._instance.GetObjectInfoById(id);
        string des = "";
        switch (info.type)
        { 
            case ObjectType.Drug:
                des = GetDrugDes(info);
                break;
            case ObjectType.Equip:
                break;
            case ObjectType.Mat:
                break;
        }
        label.text = des;
    }

    public void Hide()
    {
        this.gameObject.SetActive(false);
    }
    private string GetDrugDes(ObjectInfo info)
    {
        string s = "";
        s += "名稱：" + info.name + "\n";
        s += "回復Hp：" + info.hp + "\n";
        s += "回復Mp：" + info.mp + "\n";
        s += "出售價：" + info.priceSell + "\n";
        s += "購買價：" + info.priceBuy + "\n";
        return s;
    }
}

 　　8、背包物品的整理功能

　　 當我們背包中的物品排列很散亂是，點擊整理按鈕，所有的物品應有序的從前到后排列整齊，中間應該沒有空格，這個功能該如何實現呢？這里提供一種方法，可能效率不是最高的（沒有想到更好的實現方法，有更好方法的朋友請告訴我一下，謝謝），但可以實現基本要求：

　　

　　例如上面的圖，有紅圈的地方代表有物體，其余為空格，我們怎樣將物品排列好使之沒有空格呢？我們可以先將所有格子遍歷一變，記下空格的索引；然后從最小的索引

開始向后循環，將所有格子從后向前遍歷，如果格子中有物體則將其移動到該空格索引對應的格子中，然后繼續...　　

　　下面是代碼：

　　

//整理背包物品
    public void OnArrangeInventory()
    {
        List<int> nullGridIndexList = new List<int>();
        for (int i = 0; i < itemGridList.Count; i++)
        {
            if (itemGridList[i].id == 0)
            {
                nullGridIndexList.Add(i);
            }
        }
        //背包滿了不整理
        if (nullGridIndexList.Count != 0)
        {
            
            foreach (int index in nullGridIndexList)
            {

                for (int i = itemGridList.Count - 1; i > index; i--)
                {
                    if (itemGridList[i].id != 0)
                    {
                        if (i > index)
                        {
                            ExchangeItemToANullGrid(index, i);
                            break;
                        }
                        else
                            break;
                    }
                }
            }
        }
    }

    //index為空格子索引， i為有物品的格子
    private void ExchangeItemToANullGrid(int index, int i)
    {

        Transform transform = itemGridList[i].GetComponentInChildren<InventoryItem>().gameObject.transform;
        transform.parent
            = itemGridList[index].transform;
        transform.localPosition = Vector3.zero;
        itemGridList[index].SetId(itemGridList[i].id, itemGridList[i].num);
        itemGridList[i].ClearInfo();
    }

 　　至此，一個簡單但功能齊全的背包系統便做好了！