首页 > 其他 > 详细

Cocos Creator 按钮响应事件

时间:2017-11-25 11:03:15      阅读:1796      评论:0      收藏:0      [点我收藏+]

Cocos Creator版本:v1.7.0-rc.2

一、方法一

1.在LoginSceneCavans的脚本文件LoginScene.js中增加btnClick函数

    btnClick(event, customEventData){
         console.log("event=",event.type," data=",customEventData);
    },

 

2.按步骤在(按钮wx_btn的属性检查器)上进行操作

①在Click Events中填上1,然后编辑器自动生成下方属性输入

②将LoginSceneCanvas拖动到cc.Node属性上

③选择对应脚本LoginScene.js

④选择对应处理函数

⑤填写自定义事件数据

技术分享图片

 

3.运行后点击按钮输出

技术分享图片

 

二、方法二

1.在LoginSceneCavans的脚本文件LoginScene.js中增加一个cc.Button属性以及注册按钮响应事件

    properties: {
        wx_btn: {
            default: null,
            type: cc.Button
        }
    },

    onLoad() {
        var self = this;
        self.wx_btn.node.on(cc.Node.EventType.TOUCH_START, function (event) {
            console.log("TOUCH_START")
        });

        self.wx_btn.node.on(cc.Node.EventType.TOUCH_MOVE, function (event) {
            console.log("TOUCH_MOVE")
        });

        self.wx_btn.node.on(cc.Node.EventType.TOUCH_END, function (event) {
            console.log("TOUCH_END")
        });
    },

 

2.将按钮拖动到(LoginSceneCanvas的属性检查器)按钮属性上

技术分享图片

 

3.运行点击按钮输出(PS:当移动到按钮区域外松开,接收不到TOUCH_END事件响应)

 技术分享图片

以上,完。

Cocos Creator 按钮响应事件

原文:http://www.cnblogs.com/chevin/p/7893963.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!