Cocos2d-X与游戏开发Cocos Creatorcocos 2dx

Cocos Creator中Button组件使用详解

2020-05-19  本文已影响0人  Thomas游戏圈

在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中增加如下代码:

点击链接加入群聊【unity/cocos交流二群】

上一篇下一篇

猜你喜欢

热点阅读