atitit.事件驱动的总结attilax

Posted 2020-08-13 attilaxAti

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了atitit.事件驱动的总结attilax相关的知识，希望对你有一定的参考价值。

Keyboard 基于的的ed 与 mouse 基础的ed

Kb base on focus .... Mouse base on mouse move...

游戏开发中一个很重要的功能就是交互，如果没有与用户的交互，那么游戏将变成动画，而处理用户交互就需要使用事件监听器了。

总概：

· 事件监听器(cc.EventListener) 封装用户的事件处理逻辑

· 事件管理器(cc.eventManager) 管理用户注册的事件监听器，根据触发的事件类型分发给相应的事件监听器

· 事件对象(cc.Event) 包含事件相关信息的对象

如何使用呢？首先需要创建一个事件监听器，事件监听器包含以下几种类型：

· 触摸事件监听器 (cc.EventListenerTouch)

· 键盘事件监听器 (cc.EventListenerKeyboard)

· 加速计事件监听器 (cc.EventListenerAcceleration)

· 鼠标事件监听器 (cc.EventListenerMouse)

· 自定义事件监听器 (cc.EventListenerCustom)

在监听器中实现各种事件的处理逻辑，然后将监听器加入到事件管理器中, 当事件触发时，事件管理器会根据事件类型分发给相应的事件监听器。下面以一个简单的示例来演示使用的方法。

##基础知识

###事件 Cocos2d-JS v3.x中事件分发机制进行了重写，事件可以与任意对象绑定，而不是只有Layer才能获取。对象创建自己的事件监听器，然后加入到全局的事件管理器统一管理。

事件监听器有以下几种：

· 触摸事件

· 键盘响应事件

· 鼠标响应事件

· 自定义事件

· 加速计事件

addTouchEventListenser:function(){

this.touchListener = cc.EventListener.create({

event: cc.EventListener.TOUCH_ONE_BY_ONE,

// When "swallow touches" is true, then returning \'true\' from the onTouchBegan method will "swallow" the touch event, preventing other listeners from using it.

swallowTouches: true,

//onTouchBegan event callback function

onTouchBegan: function (touch, event) {

var pos = touch.getLocation();

var target = event.getCurrentTarget();

if ( cc.rectContainsPoint(target.getBoundingBox(),pos)) {

cc.log("touched")

return true;

}

return false;

}

cc.eventManager.addListener(this.touchListener,this);

});

上面的代码，首先通过使用cc.EventListener.create创建了一个Touch事件监听器touchListener，然后，通过cc.eventManager.addListener注册监听器到事件管理器。cc.EventListener.create扩展出一个用户监听器。event属性，定义这个监听器监听的类型。swallowTouches属性设置是否吃掉事件，事件被吃掉后不会递给下一层监听器。 onTouchBegan方法处理触摸点击按下事件，我们在这里可以获取到触摸点的坐标pos。event.getCurrentTarget()获取当前事件的接受者，并判断当前的是否点击到了SushiSprite。在touch事件中，我们还可以添加onTouchMoved/onTouchEnded方法监听touch移动和结束的回调。如果onTouchBegan返回false后onTouchMoved/onTouchEnded不会执行。