cocos creator：给button添加点击事件

最新推荐文章于 2024-02-24 14:32:38 发布
最新推荐文章于 2024-02-24 14:32:38 发布
阅读量9.5k 收藏 4
点赞数 6
分类专栏： cocos creator
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36616667/article/details/91126380
版权

1、右键默认Canvas，选择创建节点，创建ui节点，选择button
在这里插入图片描述
2、在左下角的 assets 文件夹中选择新建 java script 脚本，新建完脚本之后可以选择用vscode来进行编辑，然后我们新添加一个等下点击按钮需要回调的函数，在里面打印一句话
在这里插入图片描述
在这里插入图片描述
3、接着把这个脚本挂载到节点上，点击你要挂载的节点，在右下角有个添加组件的按钮，点击添加用户脚本组件，选择刚才编辑的脚本，添加成功后，会在下面显示你添加的脚本
在这里插入图片描述
4、选中按钮，在右下角有 click events ，鼠标悬浮可以看到介绍。修改数量为1之后，把你刚才挂载脚本的节点拖到带有cc.node的标志这里，然后进行脚本选择，添加成功表示如下
在这里插入图片描述
5、运行，看结果
在这里插入图片描述

Cocos Creator的按钮点击事件
qq_27176027的博客
05-04 3846
问题： 1.按钮点击一般都会有点击音效，cc.Button中没有点击音效的方法 2.按钮的防连击，比如请求服务器消息按钮，可能用户不小心有多点了几次，造成多次向服务器发送请求 解决思路： 采用包装者模式，将按钮点击事件简单的封装下 代码如下 export class UIEventCenter { /** * * @param btn 点击按钮 ...
CocosCreator3D插件教程(8)：给面板上的按钮绑定点击事件
插件小王子(xu_yanfeng)的博客
11-14 976
在上节教程中，我们给插件面板添加了按钮，并且可以对按钮外观样式进行个性化设置。 那么我们该如何给按钮添加一个点击事件呢？ 1.获取按钮元素 panel.js exports.template = ` <button class="btn"> 按钮 </button>`; exports.style = ` .btn{ width:100px; height:100px; }`; exports.$ = { btn: '.btn', // 获取按钮元
cocos creator为按钮添加事件的三种骚操作
11-28
cocos creator为按钮添加事件的三种骚操作
分享两种Cocos Creator 代码注册按钮点击事件的方法
apple_58054055的博客
07-16 3711
方法一： 通过组件button的点击事件列表clickEvents添加，可以直接用 1.传递数据 typeEventListenData={ buttonTarget:cc.Node;//按钮节点 scriptTarget:cc.Node;//脚本挂载节点 scriptName:string;//脚本名 funcName:string;//函数名 emitData?:any;//传递数据 clickWay?:cc.Button.Trans...
【CocosCreator入门】CocosCreator组件 | Button（按钮）组件
看世界，也找自己
04-21 5004
Cocos Creator 是一款流行的游戏开发引擎，具有丰富的组件和工具，其中的Button组件可以通过设置按钮的状态和点击事件，实现在游戏中添加按钮交互的功能。
CocosCreator之多边形Button的点击事件
神兽白泽
10-08 873
多边形点击工具，挂载到编辑器使用 追梦何须问成败，只管向前 支持2.x，简单修改后3.x也能用。 脚本：TouchHelper.ts // import { _decorator, Component, Vec2, SystemEventType, EventTouch, UITransform, EventHandler, Vec3, v3 } from 'cc';// 3.x版本写法 const { ccclass, property } = cc._decorator; /** * @de
cocos creator为事件加上监听的两种处理方式
11-28
本篇文章将详细介绍两种在Cocos Creator中为事件添加监听的处理方式：一种是通过`cc.Class.prototype.on`方法，另一种是通过`cc.EventTarget.addListener`方法。 ### 1. `cc.Class.prototype.on` 方法 `cc.Class....
cocos-creator点击按钮切换界面,动态加载页面，按钮缩放
06-30
// 添加点击事件监听器 button.on('click', function() { // 获得目标场景节点 var targetScene = cc.find('Scenes/TargetScene'); // 切换到目标场景 cc.director.loadScene('TargetScene', function() { ...
CocosCreator教程demo集合
07-01
在这些demo中，你可以看到如何使用编辑器进行基本的操作，例如添加精灵（Sprite）、标签（Label）、按钮（Button）等游戏对象，以及如何调整它们的属性，如位置、大小、颜色等。 接着，CocosCreator支持JavaScript...
Cocos Creator 平面魔方源码
07-04
总之，Cocos Creator平面魔方游戏项目涉及到的游戏开发基础，包括场景构建、组件系统、脚本编写、动画制作、事件处理等多个方面。通过学习和研究这个项目，开发者不仅可以掌握Cocos Creator的基本用法，还能提升游戏...
COCOS CREATOR(TS)之按钮事件
weixin_34168700的博客
02-15 3514
一 : 前景介绍 为cc.Button添加事件的方法有很多种 , 本篇只讲解使用cc.Component.EventHandler的方法.因为此方案有一个最大的有点 : 可以获得cc.Event.EventTouch.但是此方案,相比如控件拖动方案要复杂一些,所以给出此Blog予以详解 二 : 详解 Ⅰ: 构建cc.Component.EventHandler对象 export class Cl...
Cocos creator入门------按钮事件
南风古
07-06 6051
编码测试按钮的点击事件，点击按钮目标图片旋转 找到组件挂在的物体 拖动代码文件到物体的属性检查器，即将组件挂在物体上。 找到物体上的组件 组件如下： 将物体（精灵）拖拽到mynode后面的None中，将文字Label拖拽到mylabel后面的none中，将按钮button拖拽到mytoggle后面的None中。 找到组件中的方法 如具体代码中的 th...
cocos creator按钮事件注册
weixin_30755709的博客
09-17 623
转自:https://blog.csdn.net/foupwang/article/details/80474072 Cocos Creator的 cc.Node 有一套完整的事件监听和分发机制。在这套机制之上，引擎提供了一些基础的节点相关的系统事件。 Cocos Creator支持的系统事件包含鼠标、触摸、键盘、重力传感等四种，其中鼠标和触摸事件是被直接触发在相关节点上的，所以称为节点系统事...
cocos 添加事件
最新发布
qq_33240556的博客
02-24 637
可以直接在Cocos Creator编辑器界面为Button组件添加Click事件，选择需要触发的脚本，并在脚本中编写对应的回调函数。：如ScrollView、EditBox等，可以通过创建cc.Component.EventHandler对象并设置对应的事件类型和回调函数来添加事件。针对不同的Cocos版本和开发环境，具体的实现方式会有所差异，请根据实际使用的引擎版本查阅相关文档以获得准确的API用法。
button执行onclick函数_Cocos Creator中Button组件使用详解
weixin_39880899的博客
11-25 1357
在Cocos Creator游戏开发中，按钮Button是使用极其频繁的组件之一。因此，必须对其非常熟悉。一、 cc.Button组件简介和基础使用1: 添加按钮的方法(1)直接创建带Button组件的节点;(2) 先创建节点，再添加组件;2: 按钮组件, 按钮是游戏中最常用的组件, 点击然后响应事件;3: 按钮的过渡效果:过渡: 普通状态, 鼠标滑动到物体上, 按下状态, 禁用状态(1)没有过渡...
cocos creator 事件 普通节点注册click事件
qqw88888的博客
08-26 4559
在做一个消除类游戏时，需要对点击的方块做出响应。代码很简单，可背后的原理还多着呢。 普通节点注册click事件 在cc中如果需要相应click事件，需要为该节点添加一个Button组件。或使用类似效果的事件比如 cc.Node.EventType.MOUSE_DOWN cc.Node.EventType.TOUCH_END //author herbert qq:464884492 //注册按...
cocos create php,Cocos Creator 为Button添加事件的两种方法
weixin_33805938的博客
03-18 508
Button添加事件Button 目前只支持 Click 事件，即当用户点击并释放 Button 时才会触发相应的回调函数。通过脚本代码添加回调方法一这种方法添加的事件回调和使用编辑器添加的事件回调是一样的，通过代码添加， 你需要首先构造一个 cc.Component.EventHandler 对象，然后设置好对应的 target, component, handler 和 customEvent...
Cocos Creator动态创建button，区分Button点击事件
LANGZI7758521的专栏
07-17 3656
[CocosCreator]-10-Button（按钮）
06-21 1589
https://docs.cocos.com/creator/manual/zh/components/button.html
Cocos Creator 为Button添加事件的两种方法
05-27
在Cocos Creator中，为Button添加事件有两种方法： 1. 通过拖拽方式添加事件：在编辑器中选中Button节点，然后在属性检查器中选择“添加组件” -> “Button”组件，在“Button”组件中找到“Click Events”属性。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值