Unity3D自学笔记——UGUI背包系统（三）物品弹出提示框

物品弹出提示框

效果图

利用Toggle实现物品选中效果

向背包里层pnlGrid添加一个Toggle Group

修改Item预制体，将其修改为Toggle

向Item添加Toggle组件

默认Is On不选中
其余的设置不变，多了一个Checkmark，即IsOn为True时会显示该图片，所以设置一张图片。

预制体里不能设置Toggle的ToggleGroup，需要在代码里控制，修改UIItem脚本

public class UIItem : MonoBehaviour, IPointerClickHandler {
    private Image m_Icon;
    private Text m_TxtName;
    private Text m_TxtCount;
    private ItemEntity m_Item;
    private Toggle m_Toggle;
    private ToggleGroup m_ToggleGroup;

    public event Action<ItemEntity> PointerClick;

    void Awake()
    {
        this.m_Icon = UIHelper.FindChild<Image>(transform, "imgIcon");
        this.m_TxtName = UIHelper.FindChild<Text>(transform, "imgName/Text");
        this.m_TxtCount = UIHelper.FindChild<Text>(transform, "imgCount/Text");
        this.m_Toggle = transform.GetComponent<Toggle>();
    }

    public void SetInfo(ItemEntity item)
    {
        this.m_Item = item;
        this.m_TxtName.text = item.Name;
        this.m_Icon.overrideSprite = Resources.Load<Sprite>(item.IconPath);
        this.m_ToggleGroup = transform.parent.parent.GetComponent<ToggleGroup>();
        this.m_Toggle.group = this.m_ToggleGroup;
        //For Test
        this.m_TxtCount.text = item.StackCount.ToString();
    }

    public void OnPointerClick(PointerEventData eventData)
    {
        if (PointerClick != null)
            PointerClick(m_Item);
    }
}

这里将控件都改为在Awake里获取了，界面赋值，不知道为什么老会丢失。

弹出界面

其他控件不描述了，其中在基础属性里面用了滚动效果，如果属性太多就会出现滚动条，可以进行滑动。

主要是Show方法，其余都是显示的判断拼接。
调用过程：
1.添加UIItem的时候，会将UIItem对应的ItemEntity存储到每一个UIItem中
2. UIInventory注册了UIItem的PointerClick事件，当UIItem被点击后，就会通知UIInventory，并把自己的ItemEntity传给UIInventory
3. 当UIInventory接到通知后，就会调用事件参数里的ItemEntity信息

public class UIItemToolTip : UIScene {
    private Image m_Icon;
    private Text m_NameText;
    private Text m_LvText;
    private Text m_TypeText;
    private Text m_DescriptionText;
    private Text m_AttributeText;
    private Text m_BtnDressOnText;
    private Text m_BtnDropText;

    private UISceneWidget m_BtnClose;
    private UISceneWidget m_BtnDressOn;
    private UISceneWidget m_BtnDrop;
    private ItemEntity m_Item;

    void Awake()
    {
        this.m_Icon = UIHelper.FindChild<Image>(transform, "imgIcon/Image");
        this.m_NameText = UIHelper.FindChild<Text>(transform, "txtName");
        this.m_LvText = UIHelper.FindChild<Text>(transform, "txtLv");
        this.m_TypeText = UIHelper.FindChild<Text>(transform, "txtType");
        this.m_DescriptionText = UIHelper.FindChild<Text>(transform, "txtDescription");
        this.m_AttributeText = UIHelper.FindChild<Text>(transform, "imgAttribute/txtAttribute");
        this.m_BtnDressOnText = UIHelper.FindChild<Text>(transform, "btnDressOn/Text");
        this.m_BtnDropText = UIHelper.FindChild<Text>(transform, "btnDrop/Text");
    }

    protected override void Start()
    {
        base.Start();
        m_BtnClose = this.GetWidget("btnClose");
        if(m_BtnClose != null)
            m_BtnClose.PointerClick += BtnClosePointerClick;
        m_BtnDressOn = this.GetWidget("btnDressOn");
        if(m_BtnDressOn != null)
            m_BtnDressOn.PointerClick += BtnDressOnPointerClick;
        m_BtnDrop = this.GetWidget("btnDrop");
        if(m_BtnDrop != null)
            m_BtnDrop.PointerClick += BtnDropPointerClick;
    }

    public void Show(ItemEntity item, bool isLeft)
    {
        this.SetVisible(true);
        this.m_Item = item;
        this.m_Icon.overrideSprite = Resources.Load<Sprite>(item.IconPath);
        this.m_NameText.text = item.Name;
        this.m_DescriptionText.text = item.Description;
        this.m_LvText.text = string.Format("等级： {0}", item.Lv);
        this.m_TypeText.text = GetTypeString(item.ItemType);
        this.m_AttributeText.text = GetAttributeString(item);
        this.m_BtnDressOnText.text = GetButtonDressonText(item);
        this.m_BtnDropText.text = "丢弃";
        Vector3 pos = transform.localPosition;

        if (isLeft)
        {
            transform.localPosition = new Vector3(-Mathf.Abs(pos.x), pos.y, pos.z);
        }
        else
        {
            transform.localPosition = new Vector3(Mathf.Abs(pos.x), pos.y, pos.z);
        }
    }

    private void BtnClosePointerClick(PointerEventData obj)
    {
        this.SetVisible(false);
    }

    private void BtnDropPointerClick(PointerEventData obj)
    {

    }

    private void BtnDressOnPointerClick(PointerEventData obj)
    {

    }

    private string GetTypeString(ItemType type)
    {
        string typeString = "类型： {0}";
        switch (type)
        {
            case ItemType.Potion:
                typeString = string.Format(typeString, "");
                break;
            case ItemType.Armor:
                typeString = string.Format(typeString, "防具");
                break;
            case ItemType.Necklace:
                typeString = string.Format(typeString, "项链");
                break;
            case ItemType.Ring:
                typeString = string.Format(typeString, "戒指");
                break;
            case ItemType.Weapon:
                typeString = string.Format(typeString, "武器");
                break;
        }

        return typeString;
    }

    private string GetAttributeString(ItemEntity item)
    {
        StringBuilder sbAttribute = new StringBuilder();
        if(item.Hp != 0)
        {
            sbAttribute.AppendLine("体力 +" + item.Hp);
        }
        if(item.Mp != 0)
        {
            sbAttribute.AppendLine("魔力 +" + item.Mp);
        }
        if(item.Atk != 0)
        {
            sbAttribute.AppendLine("攻击 +" + item.Atk);
        }
        if(item.Def != 0)
        {
            sbAttribute.AppendLine("防御 +" + item.Def);
        }
        if(item.Spd != 0)
        {
            sbAttribute.AppendLine("速度 +" + item.Spd);
        }
        if(item.AtkRange != 0)
        {
            sbAttribute.AppendLine("攻击范围 +" + item.AtkRange);
        }
        if(item.AtkSpd != 0)
        {
            sbAttribute.AppendLine("攻击速度 +" + item.AtkSpd);
        }
        if(item.CriticalRate != 0)
        {
            sbAttribute.AppendFormat("暴击率 +" + item.CriticalRate);
        }

        return sbAttribute.ToString();
    }

    private string GetButtonDressonText(ItemEntity item)
    {
        string result = string.Empty;
        switch (item.ItemType)
        {
            case ItemType.Armor:
            case ItemType.Weapon:
            case ItemType.Ring:
            case ItemType.Necklace:
                result = "装备";
                break;
            case ItemType.Potion:
                result = "使用";
                break;
        }
        return result;
    }
}

UIInventory

public class UIInventory : UIScene {
    public static int gridCount = 40; //背包格子数量

    private GameObject m_GridPrefab; //格子预制体
    private GameObject m_ItemPrefab; //物品预制体
    private Transform m_PnlGrid; //背包里层
    private RectTransform m_PnlGridRectTransfom; //背包里层的RectTransform，用于动态调整它的大小
    private List<Transform> m_GridList = new List<Transform>(); //所有格子
    private Dictionary<int, IEntity> m_ItemList; //从缓存里取出的ItemList
    private UIItemToolTip m_EquipToolTip;


    protected override void Start()
    {
        base.Start();
        InitWidget();
        InitGrid();
        LoadData();
    }

    protected override void Update()
    {
        base.Update();
        //For Test 随机从物品中取一个物品出来，目前物品只有2个
        if (Input.GetMouseButtonDown(1))
        {
            int[] temp = new int[m_ItemList.Count];
            for (int i = 0; i < m_ItemList.Count; i++)
            {
                temp[i] = m_ItemList.ToList()[i].Key;
            }
            int rd = Random.Range(0, m_ItemList.Count);
            AddItem(temp[rd]);
        }
    }

    private void InitWidget()
    {
        this.m_GridPrefab = (GameObject)Resources.Load("Inventory/Grid");
        this.m_ItemPrefab = (GameObject)Resources.Load("Inventory/Item");
        this.m_PnlGrid = this.transform.Find("pnlScrowView/pnlGrid");
        this.m_PnlGridRectTransfom = m_PnlGrid.GetComponent<RectTransform>();
        this.m_EquipToolTip = UIManager.Instance.GetUI<UIItemToolTip>(UIName.UIItemToolTip);
    }

    private void InitGrid()
    {
        //动态创建Grid
        for (int i = 0; i < gridCount; i++)
        {
            GameObject grid = GameObject.Instantiate(this.m_GridPrefab);
            grid.transform.SetParent(m_PnlGrid);
            m_GridList.Add(grid.transform);
        }
    }

    private void LoadData()
    {
        m_ItemList = PhotonDataCache.GetAll(PhotonCacheType.ItemList);
    }

    public Transform GetEnmptyGrid()
    {
        return m_GridList.Find(x => x.childCount == 0);
    }

    public void AddItem(int id)
    {
        Transform grid = GetEnmptyGrid();
        if (grid == null)
            return;
        if (!m_ItemList.ContainsKey(id))
            return;

        ItemEntity item = m_ItemList[id] as ItemEntity;
        GameObject go = GameObject.Instantiate(this.m_ItemPrefab);
        go.transform.SetParent(grid);
        go.GetComponent<UIItem>().SetInfo(item);
        go.transform.localPosition = Vector3.zero;
        go.transform.localScale = Vector3.one;
        go.GetComponent<UIItem>().PointerClick += OnUIItemPointerClick;
    }

    private void OnUIItemPointerClick(ItemEntity item)
    {
        m_EquipToolTip.Show(item, true);
    }
}

考虑到大家都在找我要源代码，目前已将源码上传至百度云，又需要的自行下载
http://pan.baidu.com/s/1dF1VT4X