Cocos Creator 按钮响应事件

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事件响应)

以上,完。

时间: 2024-10-29 04:22:37

Cocos Creator 按钮响应事件的相关文章

Android SimpleAdapter 中添加按钮响应事件,getView的重写

Andriod 里面的ListView是一个显示列表数据的控件,常用适配器SimpleAdapter进行绑定,绑定代码如下: ListView lstView = (ListView) this.findViewById(R.id.listView1); SimpleAdapter adapter=new SimpleAdapter(context, data, resource, from, to); lstView.setAdapter(adapter); ListView 列表中的元素的单

Android安卓程序消息提示和按钮响应事件

首先在界面的XML里添加按钮响应函数 android:onClick="OnMyClick" <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/textView1" androi

防止用户快速多次点击按钮,响应事件响应多次

- (void)todoSomething:(id)sender { //在这里做按钮的想做的事情. } - (void)starButtonClicked:(id)sender { //先将未到时间执行前的任务取消. [[self class] cancelPreviousPerformRequestsWithTarget:self selector:@selector(todoSomething:)object:sender]; [self performSelector:@selector

cocos creator Touch事件应用(触控选择多个子节点)

最近参与了cocos creator的研究,开发小游戏,结果被一个事件坑得不行不行的.现在终于解决了,分享给大家. 原理 1.触控事件是针对节点的 2.触控事件的冒泡,是直接关系冒泡,父子可以,孙子不行,就是不能隔代冒泡 3.父节点不响应触控事件,肯定是被孩子节点遮挡了,只要孩子节点也监听一下事件,父节点就可以响应了 4.触控位置是绝对坐标,相对于整个canvas,节点位置相对于父节点,相对位置可以与绝对坐标相互转化 5.节点是否被触控到,touch start事件可以肯定被触摸到,但是一个节点

Cocos Creator开发中的按钮节点的事件处理方法

Cocos Creator开发中的按钮节点的事件处理方法 Cocos Creator基于Cocos2d-x(C++方案),提出全新的编程理念.Cocos Creator是以内容创作为核心的游戏开发工具,在Cocos2d-x基础上实现了彻底脚本化(可以使用Javascript.Typescript或者Coffeescript).组件化和数据驱动等特点.但是,在事件处理机制上并不显得简单,至少是新手初学阶段如此.下面我们通过场景制作中按钮组件的事件处理机制来说明这个问题. 试验目的 通过为按钮组件设

【COCOS CREATOR 系列教程之二】脚本开发篇&事件监听、常用函数等示例整合

[Cocos Creator ](千人群):  432818031 上一篇,介绍了Himi在使用过cc所有组件后的一篇总结,没有具体介绍每个组件的原因在于官方文档很齐全,而且也有视频的介绍. 所以希望童鞋们可以把我这两篇博文当成对组件.脚本两部分开发的整理与总结. 后续的文章,Himi应该主要更新一些官方还未补充或者还没有的教程.避免无用功. 下面直接放出代码,因为不是很难理解.所以不再一一赘述,都是常用的函数.事件监听.动作回调.定时器等开发过程中必接触的. 大致内容如下: cc 属性介绍 获

输入坐标和输出坐标——图片框上动态加载按钮及响应事件

在实际的项目中总会遇到一些需要动态加载一些控件,并且加载控件的响应事件的代码.现在写一个简单的例子,主要说一下里面的一些关键点:使用鼠标在窗体上的图片框中动态的添加按钮 .动态的去加载事件,肯定是需要使用对象类动态的生成,动态事件,必须要使用委托去实现.还有一个就是"动态"的实现过程,打算鼠标点下去,在鼠标单击的位置添加上按钮. 环境:Visual Studio 2010, .Net FrameWork 3.5 private void pictureBox1_MouseDown(ob

Cocos Creator 从“新手引导”到“自动化测试”

手新引导框架,自动化测试框架,先看一段视频: 点击此处观看视频 https://www.bilibili.com/video/av60001770/ 在线预览体验 http://example.creator-star.cn/demo-ui-autorun 注意,在电脑上预览才能体验自动引导功能! Shawn 刚开始只是为了完成新手引导功能点,同时要求引导代码要做非***式,尽量对游戏代码零干扰. 1. 步骤指令 当引导框架完成后,发现引导的配置工作效率低下,非程序员非项目程序员,上手困难,于是

cocos creator动画编辑器学习

动画是一个渐变的过程,怎么样在cocos creator的动画编辑器中实现这个过程. 一.层级关系: 1节点.2动画(Animation).3动画剪辑(Animation Clip).4属性轨道.5动画帧 a.  动画(Animation)是节点上的一个组件. b.  动画剪辑(Animation Clip)就是一份动画的声明数据,将它挂载到动画(Animation)上作为一个属性进行设置. c.  动画剪辑(Animation Clip)上可添加多个属性轨道来控制不同属性. d.  在一条属性