cocos2d-x 3.0點擊響應

迄今為止，發現cocos2d-x 3.0最讓人驚艷的地方就是更改了點擊事件機制。（ps：迄今只看了點擊事件這塊，捂嘴笑~~~）

cocos2d-x 2.0 只有CCLayer有點擊事件處理，需要注冊，需要實現onTouchBegan等方法，最坑爹的就是按照優先級來傳遞點擊事件，讓人詬病不已。每次遇到由於優先級而造成的點擊bug，都有一種崩潰之感。

讓人高興的是，從現在開始，這種情況應該就會很少遇到了。閑話不說，開始正文。

3.0版本中，處理點擊事件有兩種方式：

1、函數回調

函數回調是最簡單的響應形式，一直以來被用於MenuItem中的點擊處理。在新版本中，此處發生了些小改變，也就是采用了CC_CALLBACK系列，有不明白的可以去看帖子： c++11特性與cocos2d-x 3.0之std::bind與std::function

// a selector callback
void menuCloseCallback(Object* pSender);

auto closeItem = MenuItemImage::create("CloseNormal.png","CloseSelected.png",
                        CC_CALLBACK_1(HelloWorld::menuCloseCallback, this));

void HelloWorld::menuCloseCallback(Object* pSender)
{
    Director::getInstance()->end();

#if (CC_TARGET_PLATFORM == CC_PLATFORM_IOS)
    exit(0);
#endif
}

其中CC_CALLBACK_1宏是將函數與對象綁定在一起，1表示這個函數有一個參數。當點擊這個按鈕時，會調用這個回調函數。

    除了基於c++11的這個形式的改變，使用方法與先前相同。

2、Listener消息響應方式

Listener的加入，使得Sprite可以很方便的就可以擁有處理點擊事件的能力。再也不用為了寫個能夠響應事件的Sprite而讓去繼承Layer了。總覺得class TestSprite ： public CCLayer這種定義Sprite的方式是坑人的一種做法。終於可以將其摒棄了。

3.0版本，只需要為Sprite創建一個Listener，然后將Listener與Sprite綁定，並添加到Listener隊列內即可，方便至極。

另，每一個Listener也只能和一個Sprite進行綁定，而Listener的clone方法，可以很方便的將listener復制為其他對象可用的listener。

廢話少說，上代碼最重要：

#ifndef  __Touchable_Sprite_Test_H__
#define  __Touchable_Sprite_Test_H__

#include "cocos2d.h"
USING_NS_CC;

class TouchableSpriteTest : public Layer
{
public:
    CREATE_FUNC(TouchableSpriteTest);
    virtual void onEnter() override;
    virtual void onExit() override;
};

#endif

#include "TouchableSpriteTest.h"

void TouchableSpriteTest::onEnter()
{
    Layer::onEnter();
    Point origin = Director::getInstance()->getVisibleOrigin();
    Size size = Director::getInstance()->getVisibleSize();

    auto containerForSprite1 = Node::create();
    this->addChild(containerForSprite1, 10);
    auto sprite1 = Sprite::create( "images/CyanSquare.png" );
    sprite1->setPosition( origin + Point( size.width * 0.5, size.height * 0.5) + Point( -80, 80 ) );
    containerForSprite1->addChild(sprite1);

    auto sprite2 = Sprite::create("images/MagentaSquare.png");
    sprite2->setPosition(origin+Point(size.width/2, size.height/2));
    addChild(sprite2, 20);

    auto sprite3 = Sprite::create("images/YellowSquare.png");
    sprite3->setPosition(Point(0, 0));
    sprite2->addChild(sprite3, 1);
    // Make sprite1 touchable
    auto listener1 = EventListenerTouchOneByOne::create();

    listener1->setSwallowTouches(true);

    listener1->onTouchBegan = [](Touch* touch, Event* event){
        auto target = static_cast<Sprite*>(event->getCurrentTarget());

        Point locationInNode = target->convertToNodeSpace(touch->getLocation());
        Size s = target->getContentSize();
        Rect rect = Rect(0, 0, s.width, s.height);

        if (rect.containsPoint(locationInNode))
        {
            log("sprite began... x = %f, y = %f", locationInNode.x, locationInNode.y);
            target->setOpacity(180);
            return true;
        }
        return false;
    };

    listener1->onTouchMoved = [](Touch* touch, Event* event){
        auto target = static_cast<Sprite*>(event->getCurrentTarget());
        target->setPosition(target->getPosition() + touch->getDelta());
    };

    listener1->onTouchEnded = [=](Touch* touch, Event* event){
        auto target = static_cast<Sprite*>(event->getCurrentTarget());
        log("sprite onTouchesEnded.. ");
        target->setOpacity(255);
        if (target == sprite2)
        {
            containerForSprite1->setLocalZOrder(100);
        }
        else if(target == sprite1)
        {
            containerForSprite1->setLocalZOrder(0);
        }
    };

    _eventDispatcher->addEventListenerWithSceneGraphPriority(listener1, sprite1);
    _eventDispatcher->addEventListenerWithSceneGraphPriority(listener1->clone(), sprite2);
    _eventDispatcher->addEventListenerWithSceneGraphPriority(listener1->clone(), sprite3);

    Rect s_visibleRect = Director::getInstance()->getOpenGLView()->getVisibleRect();
    Point right = Point(s_visibleRect.origin.x+s_visibleRect.size.width, s_visibleRect.origin.y+s_visibleRect.size.height/2);

    auto removeAllTouchItem = MenuItemFont::create("Remove All Touch Listeners ",[&]( Ref* sender ){
        auto senderItem = static_cast<MenuItemFont*>(sender);
        senderItem->setString("Only next item could be clicked ");

        _eventDispatcher->removeEventListenersForType( EventListener::Type::TOUCH_ONE_BY_ONE );

        auto nextItem = MenuItemFont::create("Next", [&](Ref* sender){
        });

        nextItem->setFontSizeObj(16);
        nextItem->setPosition(right + Point(-100, -30));

        auto menu2 = Menu::create(nextItem, NULL);
        menu2->setPosition(Point(0, 0));
        menu2->setAnchorPoint(Point(0, 0));
        this->addChild(menu2);
    });
    removeAllTouchItem->setFontSizeObj(16);
    removeAllTouchItem->setPosition(right + Point(-100, 0));

    auto menu = Menu::create(removeAllTouchItem, nullptr);
    menu->setPosition(Point(0, 0));
    menu->setAnchorPoint(Point(0, 0));
    addChild(menu);
}

void TouchableSpriteTest::onExit()
{
    Layer::onExit();
}

千里之行始於足下，一切才剛剛開始，想要理解cocos2dx 3.0的點擊事件，還是需要深入理解其底層實現的。

大家可以去看  Cocos2d-X3.0 刨根問底（七）----- 事件機制Event源碼分析   這應該是一篇好文。

另，本博文參考自：http://blog.csdn.net/fansongy/article/details/12716671

本博主對一切都將不負任何法律責任。