CocosCreator学习1-按钮点击

Cocos Creator小白学习-实现button点击事件

关于cocos creator 本人就是小白一个，什么都不会，只能慢慢从头开始摸索着来，自己也希望能够在写自己的学习过程中，能够给后来者一些帮助，少走一些弯路，高手勿喷，如果某些地方写错了，还请指正，互相学习为主。

交代目标

我们的这次目标就是点击按钮，更改button上面的文字 Test->Click me

创建项目

1. 创建项目比较简单，直接点击cocos creator左上角开始创建即可
2. 导入图片资源，我看到示例demo中都会放到对应的文件夹中，也建议大家要以后这么做，方便管理。图片资源放在textures文件夹，脚本存放在scripts文件夹
3. 点击节点管理菜单的+号，创建新的layout。
4. 然后将我们的背景图拖动到new layout节点以下即可
5. 接着我们点击+号，创建一个button，可以看到button下面默认有一个label节点，等会我们要更改的就是这个节点的文字。
6. 我们点击assets窗口的+号创建一个JavaScript脚本，重命名为update
7. 内容为

cc.Class({
    extends: cc.Component,

    properties: {
        //标签节点
        label: {
            default: null,
            type: cc.Label
        },
    },

    // LIFE-CYCLE CALLBACKS:

    onLoad: function () {

    },
    updateText: function () {
        this.label.string="click me"
    },

    start() {

    },

    // update (dt) {},
});

给按钮添加组件

1. 将新建的脚本拖到节点窗口
2. 选中button，查看属性窗口
3. 点击最底部的添加组件–>添加自定义组件–>选择刚才添加的脚本节点
4. button节点的子节点 label拖拽至新添加的组件的属性label中

运行