cocos2dx下的滑动选择效果

cocos2dx的事件是比较坑的,只有began、move、end和cancel四个情况。那你会发现如果你的手指点击了按钮的外面不松手再划到按钮上,那么按钮是不会触发点击的。如果你点击按钮甲在划到按钮乙上,那么事件将会一直是按钮甲的move。这就不舒服了。

设如下场景:
三个按钮不在一条直线位置,不重叠,如下:

cocos2dx下的滑动选择效果_第1张图片
A2DFD39C-6D9C-43D2-AE7F-1C808988D6BC.png

那么如何去做手指划过即触发点击效果呢?

我们先把三个按钮的tag赋值1000、1001、1002(为了直观)
然后注册监听

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

好的,现在已经注册完了,监听的是这个layer 的began和move事件,当这两个事件触发时跳到统一的listenerOnTouched方法,以下是listenerOnTouched方法:

void GameScene::listenerOnTouched(Touch* touch, Event* event)
{
    Point locationInNode = this->convertTouchToNodeSpace(touch);
    for (int i = 0; i < _levelData.answer.size(); i++) {
        Sprite* answerSprite = static_cast(this->getChildByTag(1000+ i));
        if(answerSprite->getBoundingBox().containsPoint(locationInNode))
        {
            log("点中 %d 啦!!",1000 + i);
        }
    }
}

原理就是监听到layer的点击时不断去用点击坐标locationInNode去和三个按钮的坐标比较

初学cocos2dx,代码写的不好的地方还请指教!

你可能感兴趣的:(cocos2dx下的滑动选择效果)