CocosCreator学习1-按钮点击

最新推荐文章于 2025-07-07 00:21:17 发布

原创最新推荐文章于 2025-07-07 00:21:17 发布 · 3.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#cocos #creator

cocos 专栏收录该内容

3 篇文章

订阅专栏

本文为CocosCreator初学者提供了一个简单的指南，详细介绍了如何创建项目、导入资源、添加按钮并实现点击事件，从而更改按钮上的文本。通过本教程，读者可以逐步了解CocosCreator的基本操作，并在实践中提升技能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

交代目标

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

创建项目

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


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) {},
});