在Cocos Creator游戏开发中,按钮Button是使用极其频繁的组件之一。因此,必须对其非常熟悉。

一、 cc.Button组件简介和基础使用

1: 添加按钮的方法

(1)直接创建带Button组件的节点;

(2) 先创建节点,再添加组件;

2: 按钮组件, 按钮是游戏中最常用的组件, 点击然后响应事件;

3: 按钮的过渡效果:

过渡: 普通状态, 鼠标滑动到物体上, 按下状态, 禁用状态

(1)没有过渡,只有响应事件;

(2)颜色过渡, 过渡效果中使用颜色;

(3)精灵过渡,使用图片过渡;

(4)缩放过渡, 选项,在disable的时候是否置灰;

4: 按钮禁用;

5: 按钮添加响应事件 --> 节点-->组件 --> 代码的函数;

6: 按钮传递自定义参数; ---> 字符串对象;

7: Button响应这个触摸点击,所以Button所挂的这个节点,一定要有大小,如果你向大小(0, 0)的节点上,挂一个Button,这个是无法响应点击事件;

运行结果如下,点击开始按钮的时候:

二、 代码中使用cc.Button

1: 代码添加/获取cc.Button组件;

2: 代码里面添加按钮的响应事件;

3: 代码触发按钮指定的回掉函数;

4: Component.EventHandler

var eventHandler = new cc.Component.EventHandler();

eventHandler.target = newTarget;

eventHandler.component = "MainMenu";

eventHandler.handler = "OnClick";

eventHandler.customEventData = "my data";

eventHandler.emit(["param1", "param2", ....]);

接下来我们以BtnHelp按钮为例,在代码中动态给其绑定处理事件:

注意:上图,我们没有在编辑器中给BtnHelp按钮添加Click Events事件。其属性值为0。

接下来,我们模拟按H键的时候触发,类似点击【游戏帮助(H)】按钮的效果,在GameMgr.ts中增加如下代码:

组件中使用_Cocos Creator中Button组件使用详解相关推荐

  1. android fragment加载布局的方式,Android中Fragment的加载方式与数据通信详解

    Android中Fragment的加载方式与数据通信详解 发布时间:2020-08-22 18:55:57 来源:脚本之家 阅读:155 作者:Joah 一.加载方式 1. 静态加载 1.1 加载步骤 ...

  2. java中属性文件读取案例_java相关:Spring中属性文件properties的读取与使用详解

    java相关:Spring中属性文件properties的读取与使用详解 发布于 2020-6-3| 复制链接 摘记: Spring中属性文件properties的读取与使用详解实际项目中,通常将一些 ...

  3. android启动页使用gif,android中使用react-native设置应用启动页过程详解

    一.背景 在我们使用react-native进行编写代码的时候,当启动应用的时候,我们会看到如下界面 然而,这样的启动界面是非常的不又好,那么我们该怎么进行处理启动界面呢?有如下两种方案 二.方案 1 ...

  4. 对python3中pathlib库的Path类的使用详解

    原文连接   https://www.jb51.net/article/148789.htm 1.调用库 ? 1 from pathlib import 2.创建Path对象 ? 1 2 3 4 5 ...

  5. JAVA中希尔排序去的讲解_java 中基本算法之希尔排序的实例详解

    java 中基本算法之希尔排序的实例详解 希尔排序(Shell Sort)是插入排序的一种.也称缩小增量排序,是直接插入排序算法的一种更高效的改进版本.希尔排序是非稳定排序算法.该方法因DL.Shel ...

  6. python3库_对python3中pathlib库的Path类的使用详解

    用了很久的os.path,今天发现竟然还有这么好用的库,记录下来以便使用. 1.调用库 from pathlib import 2.创建Path对象 p = Path('D:/python/1.py' ...

  7. python中requests库的用途-python中requests库session对象的妙用详解

    在进行接口测试的时候,我们会调用多个接口发出多个请求,在这些请求中有时候需要保持一些共用的数据,例如cookies信息. 妙用1 requests库的session对象能够帮我们跨请求保持某些参数,也 ...

  8. Java中print、printf、println的区别 详解

    Java中print.printf.println的区别详解 printf主要是继承了C语言的printf的一些特性,可以进行格式化输出 print就是一般的标准输出,但是不换行 println和pr ...

  9. ASP中利用OWC控件实现图表功能详解[zz]

    ASP中利用OWC控件实现图表功能详解 在ASP中利用OWC(Office Web Components)控件可轻松实现各种图表功能,如饼图,簇状柱型图,折线图等. 在下面的代码中我详细的给出了饼图, ...

  10. python random randint_python中random.randint和random.randrange的区别详解

    在python中,通过导入random库,就能使用randint 和 randrange 这两个方法来产生随机整数.那这两个方法的区别在于什么地方呢?让我们一起来看看! 区别: randint 产生的 ...

最新文章

  1. 结对项目之需求分析与原型模型设计
  2. android弹出选择usb,android 解决:默认情况下用于该USB设备 自动获取USB操作权限...
  3. Machine Learning Yearning book draft - 读记(前14章)
  4. SQL学习笔记之存储过程的编写
  5. 【网络流专练一】UVA五题(UVA12125,UVA11082,UVA10983,UVA1306,UVA10735)
  6. nacos 适配达梦、人大金仓数据库
  7. pgslq表的字段类型_Python 爬取微信公众号文章和评论 (基于 Fiddler 抓包分析)
  8. 笨方法学python第四版当当_“笨办法”学Python(第3版)
  9. Perl命令行应用介绍
  10. python安装方法3.8.2_Python 3.8.2详细图文安装教程(附安装包)
  11. office 办公软件使用笔记
  12. dedecms教程:织梦建站教程之如何为内容模型添加新字段?
  13. ycf 梗_抖音三个汤勺放在筷子上是什么梗 抖音三个汤勺放在筷子上出处介绍[多图]...
  14. LeetCode07整数反转(JAVA)
  15. 谷歌不准备推出 ChatGPT 类聊天产品;Bugzilla 宣布未来计划|极客头条
  16. 鲁兴海:英国皇室裁缝合作伙伴--地方--人民网
  17. 基于人工蜂群算法的线性规划求解matlab程序
  18. QString与QByteArray互转
  19. 现在有哪些比较好的区块链活动发布平台?
  20. 一次真实的入侵-------记对一足球推荐站点的渗透

热门文章

  1. 《MySQL必知必会》学习笔记——第六章(过滤数据)
  2. 15、三数之和(python)
  3. yb3防爆电机型号含义_【产品信息】防爆充电机
  4. 奥维中如何关闭gcj02坐标_QGIS入门知识:啥是坐标系
  5. python大牛是什么水平_yield--Python大牛必须掌握的高端语法
  6. quartz集成到springboot_springboot系列之02-需要了解的宏观知识点
  7. JavaJDBC异常记录:关于sql上能够正常执行的sql语句,在java中执行了但是返回结果不一致问题
  8. 图数据库_多款业界流行图数据库对比
  9. A joke about regular expression
  10. springboot 程序发布到tomcat运行