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

bool CreateGame::init()
{
    if(!Layer::init())
        return false;

    //UI

    auto size = Director::getInstance()->getWinSize();

    Vector<MenuItem *> itemVector;
    for(int i=1;i<4;i++)
    {
        auto item = MenuItemImage::create("no_people.png","people.png");
        item->setTag(i);

        itemVector.pushBack(item);
    }
    auto menu1 = Menu::createWithArray(itemVector);
    menu1->alignItemsHorizontallyWithPadding(10);
    menu1->setPositionY(size.height*0.75);

    this->addChild(menu1);

    auto swallowTouch = SwallowTouch::create();
    this->addChild(swallowTouch);

    return true;
}

这里在最后添加了一个层,这个层就是用来屏蔽触摸的,大家要注意添加这个层的位置,这个层是最后添加进来的,也就是说它要显示的话是显示在最前边的,这个和接下来的屏蔽触摸有联系。以下是这个层的init函数。

bool SwallowTouch::init()
{
    if(!LayerColor::initWithColor(Color4B(100,100,100,100)))
        return false;

    auto label = Label::createWithTTF("touch!","fonts/Marker Felt.ttf",32);
    label->setPosition(Point(350,800));
    this->addChild(label);

    auto callback = [](Touch * ,Event *)
    {
        return true;
    };
    auto listener = EventListenerTouchOneByOne::create();
    listener->onTouchBegan = callback;
    listener->setSwallowTouches(true);
    _eventDispatcher->addEventListenerWithSceneGraphPriority(listener,this);

    //_eventDispatcher->addEventListenerWithFixedPriority(listener,-1);

    return true;
}

代码很简单,只是添加了一个事件监听器,设置这个事件监听器吞噬掉触摸,在onTouchBegan回调函数中返回了true。最主要的东西是将事件监听器添加到分发器中的代码,这里可以选择俩种方式来做,如果选择的是第一种,第二个参数是要求我们来将这个事件监听器和一个node绑定,什么是和node绑定,就是这个node对触摸的处理是和这个listener一样的,比如触摸的优先级,接受到触摸以后的处理代码,或者说这个listener来处理node接受到得触摸消息。这个时候Listener的优先级就是绑定的node的显示优先级,就是谁显示在场景的前面,谁先接受到触摸消息,所以在主场景的代码中,我们要把创建这个layer的代码放到后边,这样的话才会优先级高,才会首先收到触摸消息。然后来看第二种方法,addEventListenerWithFixedPriority函数的调用没有去绑定一个node,这个时候它的优先级就是通过第二个参数去传递的,我们通过改变这个优先级可以看下最后的效果,如果我设置为-1是可以成功屏蔽下层的菜单点击的,如果设置为0,那么程序运行会报错,如果设置为1,是屏蔽不掉下层的触摸的。这是因为0这个优先级是被占用了得,我们设置优先级不能设置为0,而要想屏蔽菜单的点击功能,必须设置优先级小于0,以下是这三个值的效果。

Cocos2d-x3.0屏蔽下层触摸 Cocos2d-x3.0屏蔽下层触摸 Cocos2d-x3.0屏蔽下层触摸

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

bool CreateGame::init()
{
    if(!Layer::init())
        return false;

    //UI

    auto size = Director::getInstance()->getWinSize();

    Vector<MenuItem *> itemVector;
    for(int i=1;i<4;i++)
    {
        auto item = MenuItemImage::create("no_people.png","people.png");
        item->setTag(i);

        itemVector.pushBack(item);
    }
    auto menu1 = Menu::createWithArray(itemVector);
    menu1->alignItemsHorizontallyWithPadding(10);
    //设置菜单为不可点击
    //menu1->setEnabled(false);
    menu1->setPositionY(size.height*0.75);

    auto item = (MenuItem *)menu1->getChildByTag(1);
    item->selected();

    this->addChild(menu1);

    auto layer = LayerColor::create(Color4B(100,100,100,100));
    auto callback = [](Touch * ,Event *)
    {
        return true;
    };
    auto listener = EventListenerTouchOneByOne::create();
    listener->onTouchBegan = callback;
    listener->setSwallowTouches(true);
    _eventDispatcher->addEventListenerWithSceneGraphPriority(listener,layer);
    //_eventDispatcher->addEventListenerWithFixedPriority(listener,-1);
    this->addChild(layer);

    return true;
}

最后有一点需要注意的是,如果是固定优先值的监听器添加到一个节点(addEventListenerWithFixedPriority),那当这个节点被移除时必须同时手动移除这个监听器,但是添加显示优先监听器到节点(addEventListenerWithSceneGraphPriority)就不用这么麻烦,监听器和节点是绑定好的,一旦节点的析构函数被调用,监听器也会同时被移除。如果我们屏蔽了触摸,在某个逻辑处需要将这种触摸屏蔽去掉,比如就是做一个弹出对话框,用户点击了关闭按钮就应该将对下层的屏蔽去掉了,那么很显然,如果使用的是固定优先级,只是remove掉这个对话框最后是不能去除屏蔽的,因为事件监听器你并没有去掉啊,当有触摸事件过来的时候照样会分发给它事件的,所以解决办法不用说了吧。