Cocos Creator 之 Button使用小结

Cocos Creator 之 Button使用小结

1、新建 Button节点 

    leftbtn     rightbtn     attackbtn 

2、新建buttoncontrol节点（蓝色划线）

3、 新建脚本BtnControl

properties部分声明3 个button资源，并保存

4、buttoncontrol的属性检查器，将上面的三个button节点拖拽到相应地方

5、Button事件的监听

官方给出了两种方式

方式一：纯代码

其中，onBtnLeftClicked    onBtnRightClicked  onAttackClicked 对应3个button的事件函数

方式二：

利用属性检查器设置（以leftbtn为例），设置如下

注意：要先将脚本BtnControl.js写好，否则Handler 里面找不到所需函数

运行结果：

单击 按钮，查看浏览器（Firefox）控制台(快捷键：Ctrl + shift + K)