Cocos UI 与点击事件

界面三件套：Sprite（图）+ Label（字）+ Button（按钮）。

一、Button 点击

this.btn.node.on('click', () => {
  cc.log('点击了');
}, this);

注意 onDestroy 里解绑，或用 target 限制作用域。

二、列表与复用

背包、商城格子不要创建几百个节点：

• 循环利用格子（对象池）

• 滚出屏幕回收

• 再绑数据

三、遮罩与层级

• zIndex / siblingIndex 控制前后

• 弹窗要盖住主界面时调整层级

• 手指点击区域可加透明放大热区

四、和后端联调

按钮 → 发消息 → 后端 Say / 协议 → 刷新 UI。
先按钮打日志，再接协议，别一上来全绑完。

今日练习：做一个「领取奖励」按钮：点击弹确认框，确认后播放 Tween 反馈并打印协议字段。