cocos2d-x 禁用触摸(如何快速屏蔽触摸)Cocos2d-x从3.0版本以来,触摸机制有所改变,虽然实现的道理没有变,不过我今天还是写出这篇文章,就当是简单的复习一下3.0的事件分发机制吧,同时把自己在研究的过程中遇到的问题分享出来。这里采用的方法是最简单,最直接的方法,整体的思路是这样的。设置触摸监听器吞噬触摸,然后在回调函数onTouchBegan中返回true,同时确保这个层的触摸优先级大于你要屏蔽的层的优先级。也许这种方法不能满足你得需求,那就请自行研究或者看下其他博客,或者给我留言共同探讨吧。在实现中我们肯定会遇到的就是屏蔽菜单,让菜单变的不可点击,那我就写一个简单的场景,里边加入菜单,然后加入一个层来屏蔽掉下层的触摸。

  1. bool CreateGame::init()
  2. {
  3.     if(!Layer::init())
  4.         return false;
  5.  
  6.     //UI
  7.  
  8.     auto size = Director::getInstance()->getWinSize();
  9.  
  10.     Vector<MenuItem *> itemVector;
  11.     for(int i=1;i<4;i++)
  12.     {
  13.         auto item = MenuItemImage::create("no_people.png","people.png");
  14.         item->setTag(i);
  15.  
  16.         itemVector.pushBack(item);
  17.     }
  18.     auto menu1 = Menu::createWithArray(itemVector);
  19.     menu1->alignItemsHorizontallyWithPadding(10);
  20.     menu1->setPositionY(size.height*0.75);
  21.  
  22.     this->addChild(menu1);
  23.  
  24.     auto swallowTouch = SwallowTouch::create();
  25.     this->addChild(swallowTouch);
  26.  
  27.     return true;
  28. }
这里在最后添加了一个层,这个层就是用来屏蔽触摸的,大家要注意添加这个层的位置,这个层是最后添加进来的,也就是说它要显示的话是显示在最前边的,这个和接下来的屏蔽触摸有联系。以下是这个层的init函数。

  1. bool SwallowTouch::init()
  2. {
  3.     if(!LayerColor::initWithColor(Color4B(100,100,100,100)))
  4.         return false;
  5.  
  6.     auto label = Label::createWithTTF("touch!","fonts/Marker Felt.ttf",32);
  7.     label->setPosition(Point(350,800));
  8.     this->addChild(label);
  9.  
  10.     auto callback = [](Touch * ,Event *)
  11.     {
  12.         return true;
  13.     };
  14.     auto listener = EventListenerTouchOneByOne::create();
  15.     listener->onTouchBegan = callback;
  16.     listener->setSwallowTouches(true);
  17.     _eventDispatcher->addEventListenerWithSceneGraphPriority(listener,this);
  18.  
  19.     //_eventDispatcher->addEventListenerWithFixedPriority(listener,-1);
  20.  
  21.     return true;
  22. }
代码很简单,只是添加了一个事件监听器,设置这个事件监听器吞噬掉触摸,在onTouchBegan回调函数中返回了true。最主要的东西是将事件监听器添加到分发器中的代码,这里可以选择俩种方式来做,如果选择的是第一种,第二个参数是要求我们来将这个事件监听器和一个node绑定,什么是和node绑定,就是这个node对触摸的处理是和这个listener一样的,比如触摸的优先级,接受到触摸以后的处理代码,或者说这个listener来处理node接受到得触摸消息。这个时候Listener的优先级就是绑定的node的显示优先级,就是谁显示在场景的前面,谁先接受到触摸消息,所以在主场景的代码中,我们要把创建这个layer的代码放到后边,这样的话才会优先级高,才会首先收到触摸消息。

然后来看第二种方法,addEventListenerWithFixedPriority函数的调用没有去绑定一个node,这个时候它的优先级就是通过第二个参数去传递的,我们通过改变这个优先级可以看下最后的效果,如果我设置为-1是可以成功屏蔽下层的菜单点击的,如果设置为0,那么程序运行会报错,如果设置为1,是屏蔽不掉下层的触摸的。这是因为0这个优先级是被占用了得,我们设置优先级不能设置为0,而要想屏蔽菜单的点击功能,必须设置优先级小于0,以下是这三个值的效果。


      因为没有绑定那个LayerColor,所以是没有那个灰度的效果的。如果我只是要屏蔽下层按钮的点击,大可以将代码写到一个类中去完成,其实你也看到了,listener的作用就是事件监听,你可以给它绑定一个node,这个时候它的优先级就是node的显示优先级了,如果是手动设置优先级,不要设置为0的优先级就好了,这个时候当触摸分发的时候,会根据优先级关系来决定listener是否能接受的到触摸,写到一个类中的代码如下:

  1. bool CreateGame::init()
  2. {
  3.     if(!Layer::init())
  4.         return false;
  5.  
  6.     //UI
  7.  
  8.     auto size = Director::getInstance()->getWinSize();
  9.  
  10.     Vector<MenuItem *> itemVector;
  11.     for(int i=1;i<4;i++)
  12.     {
  13.         auto item = MenuItemImage::create("no_people.png","people.png");
  14.         item->setTag(i);
  15.  
  16.         itemVector.pushBack(item);
  17.     }
  18.     auto menu1 = Menu::createWithArray(itemVector);
  19.     menu1->alignItemsHorizontallyWithPadding(10);
  20.     //设置菜单为不可点击
  21.     //menu1->setEnabled(false);
  22.     menu1->setPositionY(size.height*0.75);
  23.  
  24.     auto item = (MenuItem *)menu1->getChildByTag(1);
  25.     item->selected();
  26.  
  27.     this->addChild(menu1);
  28.  
  29.     auto layer = LayerColor::create(Color4B(100,100,100,100));
  30.     auto callback = [](Touch * ,Event *)
  31.     {
  32.         return true;
  33.     };
  34.     auto listener = EventListenerTouchOneByOne::create();
  35.     listener->onTouchBegan = callback;
  36.     listener->setSwallowTouches(true);
  37.     _eventDispatcher->addEventListenerWithSceneGraphPriority(listener,layer);
  38.     //_eventDispatcher->addEventListenerWithFixedPriority(listener,-1);
  39.     this->addChild(layer);
  40.  
  41.     return true;
  42. }
最后有一点需要注意的是,如果是固定优先值的监听器添加到一个节点(addEventListenerWithFixedPriority),那当这个节点被移除时必须同时手动移除这个监听器,但是添加显示优先监听器到节点(addEventListenerWithSceneGraphPriority)就不用这么麻烦,监听器和节点是绑定好的,一旦节点的析构函数被调用,监听器也会同时被移除。如果我们屏蔽了触摸,在某个逻辑处需要将这种触摸屏蔽去掉,比如就是做一个弹出对话框,用户点击了关闭按钮就应该将对下层的屏蔽去掉了,那么很显然,如果使用的是固定优先级,只是remove掉这个对话框最后是不能去除屏蔽的,因为事件监听器你并没有去掉啊,当有触摸事件过来的时候照样会分发给它事件的,所以解决办法不用说了吧。