為了讓大家掌握Cocos2d-x中的事件機制，下面我們以觸控事件為例，使用事件觸發器實現單點觸控事件。該例項如圖8-3所示，場景中有三個方塊精靈，顯示順序如圖8-3所示，拖拽它們可以移動它們，事件響應優先順序是按照它們的顯示順序。

下面我們再看看具體的程式程式碼，首先看一下HelloWorldScene.h檔案，它的程式碼如下：

#ifndef __HELLOWORLD_SCENE_H__
#define __HELLOWORLD_SCENE_H__
 
#include "cocos2d.h"
typedef enum                                                                                                                                         ①
{
    kBoxA_Tag = 102
   ,kBoxB_Tag
   ,kBoxC_Tag
} SpriteTags;                                                                                                                                 ②
 
 
class HelloWorld : public cocos2d::Layer
{
public:
   static cocos2d::Scene* createScene();
   virtual bool init();          
    virtualvoid onEnter();                                                                                                                      ③
    virtualvoid onExit();                                                                                                                         ④
   
    booltouchBegan(cocos2d::Touch* touch, cocos2d::Event* event);                                          ⑤
   void touchMoved(cocos2d::Touch *touch, cocos2d::Event *event);                                       ⑥
   void touchEnded(cocos2d::Touch *touch, cocos2d::Event *event);                                       ⑦
 
   CREATE_FUNC(HelloWorld);
};
 
#endif // __HELLOWORLD_SCENE_H__
 

上述程式碼第①~②行是定義個列舉型別SpriteTags，列舉型別SpriteTags中定義了三個常量，這三個常量對應場景中的三個精靈的標籤（Tag）屬性。程式碼第③行聲明瞭層宣告週期的onEnter()函式，我們將在該函式中註冊監聽器和初始化設定。第④行程式碼是聲明瞭層宣告週期的onExit()函式，我們將在該函式中登出監聽器和釋放一些資源。程式碼第⑤~⑥行是宣告單點觸控事件回撥函式。

HelloWorldScene的實現程式碼HelloWorldScene.ccp檔案，它的HelloWorld::init()程式碼如下：

bool HelloWorld::init()
{
    if( !Layer::init() )
    {
         returnfalse;
    }
 
    SizevisibleSize = Director::getInstance()->getVisibleSize();
    Pointorigin = Director::getInstance()->getVisibleOrigin();
 
    //貼圖的紋理圖片寬高必須是2的n次冪，128x128
    autobg = Sprite::create("BackgroundTile.png",
                                Rect(0,0, visibleSize.width, visibleSize.height));                                               ①
    //貼圖的紋理引數，水平重複平鋪，垂直重複平鋪
    Texture2D::TexParamstp = {GL_LINEAR, GL_LINEAR, GL_REPEAT, GL_REPEAT};                 ②
    bg->getTexture()->setTexParameters(tp);                                                                             ③
    bg->setPosition(origin+ Point(visibleSize.width/2, visibleSize.height/2));
    addChild(bg,0);                                                                                                                                ④
 
    Sprite*boxA = Sprite::create("BoxA2.png");                                                                                   ⑤
    boxA->setPosition(origin+Point(visibleSize.width/2,visibleSize.height/2) + Point(-120, 120));
    addChild(boxA,10, kBoxA_Tag);
 
    Sprite*boxB = Sprite::create("BoxB2.png");
    boxB->setPosition(origin+Point(visibleSize.width/2,visibleSize.height/2));
    addChild(boxB,20, kBoxB_Tag);
 
    Sprite*boxC = Sprite::create("BoxC2.png");
    boxC->setPosition(origin+Point(visibleSize.width/2,visibleSize.height/2) + Point(120, 160));
    addChild(boxC,30, kBoxC_Tag);                                                                                         ⑥
 
    returntrue;
}
 

我們在HelloWorld::init()函式中初始化了場景中的背景和三個方塊精靈。程式碼第①~④行是建立並新增背景，圖8-3所示的背景是由一個128x128紋理圖片（BackgroundTile.png）反覆貼圖上，這樣可以減少記憶體消耗，在第①行程式碼中建立背景精靈物件，注意背景的大小仍然是整個螢幕。第②行程式碼是設定貼圖的紋理的引數，Texture2D::TexParams型別是一個結構體。第③行程式碼是將引數設定到背景精靈的紋理上。第④行程式碼是新增背景精靈到當前層。

程式碼第⑤~⑥行是建立了三個方塊精靈，在新增它到當前層的時候我們使用三個引數的addChild(Node* child,int localZOrder,int tag)函式，這樣可以通過localZOrder引數指定精靈的顯示順序。

HelloWorldScene.ccp中的HelloWorld::onEnter()程式碼如下：
void HelloWorld::onEnter()
{
    Layer::onEnter();
    log("HelloWorldonEnter");
 
    autolistener = EventListenerTouchOneByOne::create();                                                             ①
   
    listener->setSwallowTouches(true);                                                                                      ②
    listener->onTouchBegan= CC_CALLBACK_2(HelloWorld::touchBegan, this);                         ③
    listener->onTouchMoved=  CC_CALLBACK_2(HelloWorld::touchMoved,this);                     ④
    listener->onTouchEnded=  CC_CALLBACK_2(HelloWorld::touchEnded,this);                     ⑤
 
    //新增監聽器
    EventDispatcher*eventDispatcher = Director::getInstance()->getEventDispatcher();              ⑥
    eventDispatcher->addEventListenerWithSceneGraphPriority(listener,
                                                                            getChildByTag(kBoxA_Tag));                                  ⑦
    eventDispatcher->addEventListenerWithSceneGraphPriority(listener->clone(),
                                                                            getChildByTag(kBoxB_Tag));                                  ⑧
    eventDispatcher->addEventListenerWithSceneGraphPriority(listener->clone(),
                                                                            getChildByTag(kBoxC_Tag));                                 ⑨
 
}

上述程式碼第①行是建立一個單點觸控事件監聽器物件。第②行程式碼是設定是否吞沒事件，如果設定為true，那麼在onTouchBegan函式返回 true 時吞沒事件，事件不會傳遞給下一個Node物件。第③行程式碼是設定監聽器的onTouchBegan屬性回撥函式。第④行程式碼是設定監聽器的onTouchMoved屬性回撥函式。第⑤行程式碼是設定監聽器的onTouchEnded屬性回撥函式。

程式碼第⑥~⑨行是新增監聽器，其中第⑦行使用精靈顯示優先順序新增事件監聽器，其中引數getChildByTag(kBoxA_Tag)是通過精靈標籤Tag實現獲得精靈物件。第⑧行和第⑨行程式碼是為另外兩精靈新增事件監聽器，其中listener->clone()獲得listener物件，使用clone()函式是因為每一個事件監聽器只能被新增一次，addEventListenerWithSceneGraphPriority和addEventListenerWithFixedPriority會在新增事件監聽器時設定一個註冊標識，一旦設定了註冊標識，該監聽器就不能再用於註冊其它事件監聽了，因此我們需要使用listener->clone()克隆一個新的監聽器物件，把這個新的監聽器物件用於註冊。

HelloWorldScene.ccp中的觸控事件回撥函式程式碼如下：

bool HelloWorld::touchBegan(Touch*touch, Event* event)                                                            ①
{
    //獲取事件所繫結的 target
    autotarget = static_cast<Sprite*>(event->getCurrentTarget());                                                    ②
    PointlocationInNode = target->convertToNodeSpace(touch->getLocation());                         ③
    Sizes = target->getContentSize();                                                                                          ④
    Rectrect = Rect(0, 0, s.width, s.height);                                                                                         ⑤
 
    //點選範圍判斷檢測
    if(rect.containsPoint(locationInNode))                                                                                         ⑥
    {
         log("spritex = %f, y = %f ", locationInNode.x, locationInNode.y);
         log("spritetag = %d", target->getTag());
         target->runAction(ScaleBy::create(0.06f,1.06f));                                                             ⑦
         returntrue;                                                                                                                                     ⑧
    }
    returnfalse;
}
 
void HelloWorld::touchMoved(Touch*touch, Event *event)                                                           ⑨
{
    log("onTouchMoved");
    autotarget = static_cast<Sprite*>(event->getCurrentTarget());
    target->setPosition(target->getPosition()+ touch->getDelta());                                                   ⑩
}
 
void HelloWorld::touchEnded(Touch*touch, Event *event)                                                           ⑪
{
    log("onTouchEnded");
    autotarget = static_cast<Sprite*>(event->getCurrentTarget());
    log("spriteonTouchesEnded.. ");
 
    PointlocationInNode = target->convertToNodeSpace(touch->getLocation());
    Sizes = target->getContentSize();
    Rectrect = Rect(0, 0, s.width, s.height);
    //點選範圍判斷檢測
    if(rect.containsPoint(locationInNode))
    {
         log("spritex = %f, y = %f ", locationInNode.x, locationInNode.y);
         log("spritetag = %d", target->getTag());
         target->runAction(ScaleTo::create(0.06f,1.0f));
    }
}

上程式碼第①行是定義回撥函式touchBegan。第②行程式碼是獲取事件所繫結的精靈物件，其中event->getCurrentTarget()語句返回值是Node物件，static_cast<Sprite*>是強制型別轉換為Sprite物件。第③行程式碼是獲取當前觸控點相對於target物件的本地座標。第④行程式碼是獲得target物件的尺寸。第⑤行程式碼是通過target物件的尺寸建立Rect變數。第⑥行程式碼rect.containsPoint(locationInNode)是判斷是否觸控點在target物件範圍。第⑦行程式碼是放大target物件。第⑧行程式碼返回true，表示可以回撥第⑨行touchMoved函式和第⑪行touchEnded函式。第⑩行程式碼是移動target物件的位置。

HelloWorldScene.ccp中的HelloWorld::onExit()程式碼如下：

void HelloWorld::onExit()
{
    Layer::onExit();
    log("HelloWorldonExit");
    Director::getInstance()->getEventDispatcher()->removeAllEventListeners();
}

上述HelloWorld::onExit()函式是退出層時候回撥，我們在這個函式中登出所有的監聽事件。

提示 多點觸控事件是與具體的平臺有關係的，在Win32平臺下我們無法測試多點觸控。事實上多點觸控和單點觸控開發流程基本相似，這裡我們就不再贅述了。