cocos creator Button控件用法

Button控件用法比较简单,从控件库拖拽Button控件到场景编辑器中,我们看到Button里自带了一个label,我们不用的话,就直接将其删除即可。

选中Button控件,在右侧的属性检查器中,可以查看Button的组件属性


选择相对应的图片,然后在事件这里选择带有脚本的节点,第二个是选择脚本文件,第三个是选择这个脚本里所对应的函数,当点击这个按钮的时候,在这个函数里处理逻辑就可以了。


当然,如果我们需要处理更加细致的问题,比如按下按钮执行函数(此时不松开),那么就需要在相应的脚本文件中进行触摸事件,比如:

在脚本文件中,增加按钮属性:button : { default: null,  type: cc.Button},

然后在onLoad函数中,进行按钮的注册:

var self = this;

self.button.node.on(cc.Node.EventType.TOUCH_START, function(event){

console.log("按钮按下")

});

self.button.node.on(cc.Node.EventType.TOUCH_MOVE, function(event){

console.log("在按钮上滑动")

});

其他的就不一一列举了。注意一点就行,这里一定要用self,因为注册里的this代表的就不是这个this了。

  • 3
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Cocos Creator中,可以通过给按钮添加回调函数来实现按钮的点击事件。引用\[1\]中的代码展示了如何创建一个按钮预设,并给按钮添加点击事件的示例。首先,使用cc.instantiate方法创建一个按钮预设,然后将其添加到指定的父节点上。接下来,创建一个cc.Component.EventHandler实例,设置其目标节点为当前节点,脚本名称为"RoleViewCtrl",回调函数为"onRoleListBtnClick"。然后,获取按钮组件,并将刚刚创建的事件处理器添加到按钮的clickEvents数组中。 另一种常见的方式是在onLoad函数中添加按钮的点击事件回调。引用\[3\]中的代码展示了如何在onLoad函数中给按钮添加点击事件回调。首先,创建一个cc.Component.EventHandler实例,设置其目标节点为当前节点,脚本名称为"clear_button",回调函数为"callback"。然后,获取按钮组件,并将刚刚创建的事件处理器添加到按钮的clickEvents数组中。在回调函数中,可以通过event.target获取到按钮节点,通过customEventData参数获取到之前设置的自定义数据。 这两种方式都可以实现按钮的点击事件回调,具体选择哪种方式取决于开发者的需求和代码结构。 #### 引用[.reference_title] - *1* *2* [cocoscreator 预设Button用代码添加回调](https://blog.csdn.net/Pan_mouren/article/details/86216916)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [cocos creator Button按钮组件怎么使用和按钮绑定事件](https://blog.csdn.net/qq_41542894/article/details/89383014)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值