cocos creator 游戏UI背包实现

首先创建一个精灵节点使用背景图 然后添加关闭 整理 使用按钮 滚动视图 将图标，格子和整个界面作为预制体 加载后 用instantiate（）函数生成多个格子 然后把图标贴上去

效果图：

cc.Class({
   
    extends: cc.Component,

    properties: {
   
        scroll: cc.ScrollView,//添加属性绑定滚动视图
    },

    onClickButton(event, data) {
   //按钮点击事件  
        if (data == "close") {
   
            this.node.destroy();
        }
        else if (data == "reset") {
   
        } else if (data == "use") {
   
        }
    },

    onClickItem(node) {
   // 点击物品的选中操作
        if (this.old) {
    //this.old 为下面保存的节点
            this.old.getChildByName("select")