cocos2d-html5遮罩效果

  刚开始研究cocos2d-html5的时候,有很多地方需要遮罩效果,把下面的层的所有事件全部禁用。

可以在main.js里面加入: 

//设置层的点击优先级
     cc.setRegisterTargettedDelegate = function(node, priority){
       if ("opengl" in sys.capabilities && "browser" != sys.platform){
      cc.registerTargettedDelegate(priority, true, node);
       }else {
      cc.Director.getInstance().getTouchDispatcher().addTargetedDelegate(node, priority, true);
    }
  };
//取消层的点击优先级
  cc.setUnregisterTouchDelegate = function(node){
    if ("opengl" in sys.capabilities && "browser" != sys.platform){
      cc.unregisterTouchDelegate(node);
    }else {
      cc.Director.getInstance().getTouchDispatcher().removeDelegate(node);
    }
  };

由于要考虑到jsb打包的时候也会用到,所以要加一下判断,接下面就是在例子中运用,使用的是cocos2d-html5 2.1.5版本:

var Test = cc.Layer.extend({
  ctor:function(){
    this._super();
    cc.associateWithNative(this, cc.Layer);
  },
  init:function(){
    this._super();
    var normal = cc.Sprite.createWithSpriteFrameName(‘btn.png‘);
    var select = cc.Sprite.createWithSpriteFrameName(‘btn.png‘);
    var itemSprite = cc.MenuItemSprite.create(normal, select, this.close, this);
    var menu = cc.Menu.create(itemSprite);
    this.addChild(menu);
    menu.setTouchPriority(cc.MENU_HANDLER_PRIORITY - 2); //设置menu的层次,才可以让本层的对象进行点击和拖动事件
    cc.setRegisterTargettedDelegate(this, cc.MENU_HANDLER_PRIORITY - 1); // 加入这句就可以屏蔽这个层下面的层的事件
    return true;
  },
  close:function(){
    this.removeFromParent(true);
    cc.setUnregisterTouchDelegate(this); //取消掉本层的禁用事件,必须加
  },
  //以下的3个函数是必须要用到的,不然会有错,必须加
  onTouchBegan:function(touch, event){
    return true;
  },
  onTouchMoved:function(touch, event){
    return true;
  },
  onTouchEnded:function(touch, event){
    return true;
  }
});

这样就可以直接使用了,不过注意在关闭层的时候取消掉层的禁用,否则下面的层点击就无效了。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。