• cocos2d-x jsb 防止触摸事件传递


    在游戏中要实现消息弹窗,让用户点击确认,其他区域产生遮罩,阻挡下层的事件被点击到,这是个很常用的功能,在cocos2d-x中,可以通过为layer添加事件代理来实现:

    pDirector->getTouchDispatcher()->addTargetedDelegate(this, priority, swallowsTouches); 

    三个参数分别是要添加触摸事件的node, 事件优先级(默认的-128, 是最小的数字, 具有最高优先级),是否吞噬触摸事件(true为停止事件传递) 

    这里简单说下2dx中的事件传递模型,这应该也是 2dx被开发者吐槽最多的地方:

     * 2dx中的事件代理分为标准代理(addStandardDelegate)和目标代理(addTargetedDelegate);

     * 标准代理是部分node默认的属性,通过setTouchEnbled开启和关闭,有四个实现接口: onTouchesBegan, onTouchesMoved, onTouchesEnded, onTouchesCancelled

     * 目标代理代理事件可以自定义给node, 通过上述 addTargetedDelegate开启, 同样也有四个实现接口:onTouchBegan...  (注意此处没有es,  而且began函数需要返回true or false, false的话,后续moved, ended等将不会生效);

     * 一个触摸事件被接受后,从优先级高的开始逐个触发, 遇到swallows, 则停止;

    但是在cocos2d-x js binding中没有实现addTargetDelegate的绑定, demo中都不能使用, 即使是最新的2.1.4版本也没有,遇到了些问题,让这个绑定一直延迟发布,有兴趣可以看这里:https://groups.google.com/forum/#!msg/cocos2d-js-devel/pKycy8iI1n4/Cn8KI5Or_PgJ

    在jsb中有个替代的实现:cc.registerTargettedDelegate(priority, swallowsTouches, this); 

    虽然和cocos2d-html5的接口不同,但是可以先使用, 具体使用如下:

    为遮罩层之上的菜单添加最高优先级, 为遮罩层设置目标触摸事件的代理, 实现onTouchBegan的接口,注意这里需要返回true, 否则 swallowsTouches不会生效;

    var menuGroup = cc.Menu.create(btn1, btn2);
    menuGroup.setTouchPriority(cc.MENU_HANDLER_PRIORITY-2);

    cc.registerTargettedDelegate(cc.MENU_HANDLER_PRIORITY-1, true, confirmLayer);
    confirmLayer.onTouchBegan = function(){cc.log("touches confirm layer! block touchEvent bubble!");return true;};

    最后,在结束该窗体后,记得调用:

    cc.unregisterTouchDelegate(confirmLayer);

    =================================

     备注:对于cocosbuilder上创建的layer, 使用registerTargettedDelegate会遇到控制问题,暂时先使用脚本创建; 

    Good Luck !

  • 相关阅读:
    如何用nodejs创建一个proxy 服务
    企业包分发-应用内安装时碰到的问题
    React-Native与Weex的比较
    前端炫酷动画展示利器(lottie)
    记录一个web开发工具集网页
    git 和 远程分支关联
    reference to 'X' is ambiguous 解决
    mac 下解压 .bin文件
    fabric 集成trello
    ES6 对象的创建及操作
  • 原文地址:https://www.cnblogs.com/sslin/p/3168532.html
Copyright © 2020-2023  润新知