Unity MVC实现背包系统(2)

在上一篇中,我们写了背包系统的伪代码,也说了mvc的设计思路,那么这一篇的任务就是将伪代码补全。
Unity MVC实现背包系统(2)_第1张图片
首先制作一个背包面板,我这里比较简单,就是一个滚动视图,还有一个提示文本,外加两个按钮,一个是使用物品,一个是增加物品,然后给滚动视图的Content添加上布局组件,这样当我们动态添加物品预制体的时候就会自动布局了。

这里我们将背包的mvc三层脚本都挂载在背包面板的根节点上,方便互相获取调用,因为我们本篇是针对背包的实现进行的,至于mvc这三层脚本如何获取调用,实际上是由UI框架去决定的,包括代码的周期等等,所以我们这里方便测试,直接挂载在面板根节点。

首先,我们的背包是用来存放物品的,因此必须有一个物品类,来体现这个物品所具有的属性。


public class Item
{
     
    public ulong onlyId;
    public int spriteId;
}

这里我只记录了onlyId和这个物品对应的图片id,首先onlyId这是一个物品的唯一标识,因为每个物品都是不同的,即使两个物品完全一样,那么他们也是独立出来的两个物品,结合实际就可以想象得知。而图片是为了等下演示方便大家可以看出来是不同物品,这里写的很简陋了,大家可以自行添加,这里只是讲解思路。

然后在看到数据层脚本。


public class BagData : MonoBehaviour
{
     
    BagCtrl ctrl;
    Dictionary<ulong, Item> items;  //存储背包中所有物品

    ulong onlyId;

    private void Awake()
    {
     
        onlyId = 0;
        ctrl = GetComponent<BagCtrl>();
        items = new Dictionary<ulong, Item>();



    }

    public void TestAddItem()
    {
     
        onlyId++;
        Item newItem = new Item();
        newItem.onlyId = onlyId;
        newItem.spriteId = Random.Range(1, 6);
        items.Add(newItem.onlyId, newItem);

    }

    public Item[] GetItems()
    {
     
        if (items.Count == 0)
            return null;
        Item[] temp = new Item[items.Count];
        items.Values.CopyTo(temp, 0);
        //返回背包中所有物品
        return temp;
    }

    public void AddItem()
    {
     
        //增加物品
    }

    public void DelItem(ulong onlyId)
    {
     
        if (items.ContainsKey(onlyId))
            items.Remove(onlyId);
        //删除物品
    }

    public void UpdateItem()
    {
     
        //更新物品
    }

    // Start is called before the first frame update
    void Start()
    {
     
        
    }

    // Update is called once per frame
    void Update()
    {
     
        
    }
}

首先获取逻辑层的引用,然后是实例化我们的物品字典,根据物品的唯一标识来存储物品信息,然后还写了一个测试添加物品的方法,因为我们游戏当中物品来源有很多种,比如打怪掉落,或者是商城购买等等,我们这里就直接给一个按钮去调用这个方法,然后每次新增物品onlyId都去自增,保证onlyId不重复,然后随机给一张图片,从1-6,因为我只放了五张图片资源。这个方法也很简单了,new一个物品对象然后存储在字典中。

还有删除方法,根据外部传进来的onlyId删除物品,还有一个获取背包当前所有物品的方法,也是很简单,直接返回字典中的所有物品信息。

接着看到逻辑层。

public class BagCtrl : MonoBehaviour
{
     
    BagView view;
    BagData data;

    private void Awake()
    {
     
        view = GetComponent<BagView>();
        data = GetComponent<BagData>();
    }

    public Item[] GetItems()
    {
     
        if (data.GetItems() == null)
            return null;
        return data.GetItems();
    }

    public void AddItem()
    {
     
        data.AddItem();
        view.UpdateView();
    }

    public void Add()
    {
     
        data.TestAddItem();
        view.UpdateView();
    }

    public void UpdateItem()
    {
     
        data.UpdateItem();
    }

    public void UseItem(ulong id)
    {
     
        //使用物品使用效果

        //删除该物品或减少该物品数量
        data.DelItem(id);
        view.UpdateView();
    }

    public void Discard(ulong id)
    {
     
        //删除该物品或减少该物品数量
        data.DelItem(id);
        view.UpdateView();
    }

    // Start is called before the first frame update
    void Start()
    {
     
        
    }

    // Update is called once per frame
    void Update()
    {
     
        
    }
}

在上一篇我们已经说了,逻辑层是视图层以及数据层的中介,所以要先获取这两者的引用。然后向外提供一个获取所有物品的方法,目的是让视图层获取数据层的物品信息,还有添加物品方法。使用物品丢弃物品,这里我们直接将物品给删了,物品的效果,这个大家自行扩展了,比如你打开的是一个礼包,那么就是调用数据层的添加物品方法,然后再把这个礼包给删了,实际上都是一些简单逻辑。处理完数据,在调用视图层的UpdateView方法,也就是刷新视图层的显示,因为物品已经改变了,这里实际上最好应该先判断一下,如果背包面板没有打开的话,是不需要去刷新的。

最后看到视图层,

public class BagView : MonoBehaviour
{
     

    BagCtrl ctrl;
    public Button btn_use;
    public Button btn_add;
    public Text txt_tips;
    public Transform img_content;

    ulong current_onlyId;

    List<GameObject> items;

    private void Awake()
    {
     
        ctrl = GetComponent<BagCtrl>();
        items = new List<GameObject>();
    }

    // Start is called before the first frame update
    void Start()
    {
     
        current_onlyId = 0;
        btn_use.onClick.AddListener(() =>
        {
     
            if (current_onlyId == 0)
                return;
            ctrl.UseItem(current_onlyId);
            current_onlyId = 0;
        });
        btn_add.onClick.AddListener(() =>
        {
     
            ctrl.Add();
            current_onlyId = 0;
        });

        UpdateView();

    }

    public void UpdateView()
    {
     
        txt_tips.text = "当前没有选中的物品";
        if(items.Count > 0)
        {
     
            for(int i = 0; i < items.Count; i++)
            {
     
                Destroy(items[i]);
            }
        }
        items.Clear();

        if (ctrl.GetItems() == null)
            return;

        Item[] newItems = ctrl.GetItems();
        GameObject itemRes = Resources.Load<GameObject>("Prefab/Item");
        for(int i = 0; i < newItems.Length; i++)
        {
     
            GameObject newItem = Instantiate(itemRes);
            newItem.transform.SetParent(img_content);
            items.Add(newItem);
            Sprite spr = Resources.Load<Sprite>("Sprite/" + newItems[i].spriteId);
            Image img = newItem.transform.GetChild(0).GetComponent<Image>();
            img.sprite = spr;
            ulong temp = newItems[i].onlyId;
            newItem.GetComponent<Button>().onClick.AddListener(() =>
            {
     
                current_onlyId = temp;
                txt_tips.text = "当前选中的物品的onlyId是:" + temp;
            });
        }

    }

    // Update is called once per frame
    void Update()
    {
     
        
    }
}

最上面的几个参数,currentOnlyId,这个是用来记录当前玩家选中的物品的,还有一个items列表,是用来保存当前背包面板下的所有物品游戏对象的也就是GameObject类型的。一开始先将currentOnlyId归零,获取逻辑层的引用。给两个按钮添加监听,当按下使用按钮,则调用逻辑层的使用物品按钮,将当前选中的物品的onlyId传进去,添加物品就直接调用逻辑层的使用物品方法即可,最后调用一下刷新方法。

刷新方法,首先把提示信息重置一下,当前没有选择任何物品,然后将items列表中的所有游戏对象销毁掉,也就是清空操作,然后再从逻辑层获取现有的所有物品重新进行生成,就是获取物品预制体,然后实例化,根据物品信息的图片给物品修改图片,将物品存进items列表,挂载再content物品下自动布局。最后给物品添加监听,当按下物品时修改提示文案和cuurentOnlyId。这样就是一次刷新操作了。

大家可以可以复制代码自行测试下效果,工程我会放在qq群上,大家也可以加群获取。

最后补充一下,本文章讲的是一个mvc实现背包的一个设计思路,比如说上面的销毁,实际上可以放在对象池,等等的一些优化操作,这个视项目而定,因为本文章面向的是还无法自己完成背包系统的同学,所以会尽可能的只针对背包来讲,希望本文章对大家有所帮助。

引擎猫QQ交流群:690504410

Unity MVC实现背包系统(2)_第2张图片

                         长按关注公众号,获取更多内容

你可能感兴趣的:(游戏)