cocos-js button点击事件

最新推荐文章于 2025-10-31 21:02:03 发布

原创最新推荐文章于 2025-10-31 21:02:03 发布 · 3.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#cocos-2dx #cocos-js

cocos-js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用Cocos2d-x创建的简单按钮示例，该按钮能够响应不同类型的触摸事件，并通过更新顶部显示标签的文字来反馈触摸状态。示例中详细展示了如何加载按钮纹理、设置按钮位置及添加触摸事件监听。

/**
 * Created by Tomas on 2017/4/5.
 */
var  MyLayer=cc.Layer.extend({
    _topDisplayLabel:null,
    ctor:function()
    {
        this._super();
        var button =new ccui.Button();
        button.x=size.width/2;
        button.y=size.height/2;
        button.loadTextures(res.HelloWorld_png,res.HelloWorld_png);
        button.addTouchEventListener(this.touchEvent, this);
        this.addChild(button);

        this._topDisplayLabel=new cc.LabelTTF("this is a button test","Arial",32);
        this._topDisplayLabel.x=size.width/2;
        this._topDisplayLabel.y=size.height/2+50;
        this.addChild(this._topDisplayLabel,5);
    },
    touchEvent: function (sender, type) {
        switch (type) {
            case ccui.Widget.TOUCH_BEGAN:
                this._topDisplayLabel.setString("Touch Down");
                break;

            case ccui.Widget.TOUCH_MOVED:
                this._topDisplayLabel.setString("Touch Move");
                break;

            case ccui.Widget.TOUCH_ENDED:
                this._topDisplayLabel.setString("Touch Up");
                break;

            case ccui.Widget.TOUCH_CANCELED:
                this._topDisplayLabel.setString("Touch Cancelled");
                break;
            default:
                break;
        }
    }
});
var myscene=cc.Scene.extend({
    onEnter:function () {
        this._super();
        var layer=new MyLayer();
        this.addChild(layer);
    }
});