上一篇我們簡單接觸了關於單點觸控的實現。

這一篇我們繼續進一步的理解單點觸控的事件分發的優先順序問題。

我們來回顧一下實現觸控的過程：

1.建立新的監聽器；

2.為新的監聽器分配回撥函式（而我們在上一篇中用到了Lamda表示式來實現）；

3.註冊分發監聽器。

好，這一篇就是來說說關於分發監聽器這一步。

在這之前也需要明白一些在上一篇單點觸控沒談到的細節問題。

第一點，觸控事件的接受問題。

觸控事件的傳遞一般是穿透的，也就是我們點選了螢幕，那麼所有被分發的監聽器均會收到對應的觸控訊息。我們會在觸控回撥函式注意到，這個回撥函式的返回值是Bool型別的，也就是說在接收到觸控訊息之前會做一次判斷，如果接受了訊息我們會返回true，否則為false。

第二點，就是下面這句：

listener->setSwallowTouches(true);

第三點，就是分發監聽器的這句：

_eventDispatcher->addEventListenerWithSceneGraphPriority(listener1, layer1);

Graph型別：通過這種型別分發註冊監聽器後，監聽器的優先順序會根據節點在場景中的Zolder來決定,ZOlder越大，則該節點就在場景中越被渲染在越上面，優先順序也就越大。

Fixed型別：通過這種型別分發註冊監聽器後，監聽器的優先順序根據整型值的大小來決定。整型值越大，優先順序越小。（注意：整型的值傳入不能為0）

那麼，可能你會有這樣的疑問，既然都可以設定優先順序，一個是節點ZOlder決定優先順序，一個是你指定的整數值決定。如果是混合來使用，哪個的優先順序更大？

這是一個很不錯的測試，沒錯，這個就屬於我們下面要做的測試內容。

好，理解了這些，就準備可以來看看我們要做的例子了。

在做之前，我有點想說明的，那就是它的應用如何？關於做優先順序方面的處理的時候，我們可能需求不一樣，這個需求由就你自己來設定了。比如卡牌遊戲，每張卡牌都可以點選拖動，但是當兩張甚至多張卡牌重疊在一起時，你可以像上一篇一樣點選哪張就讓它浮現在表面；如果你就想固定它，哪張在上面，那麼點選最上面的那張時將不會影響下面的卡牌等等。這些都是可以根據我們的需求來動態改變的，關鍵的一點是要理解觸控事件在觸發時整個的傳遞過程。好了，話不多說，直接進入正題吧~

這一次我們需要做的還不算多，也不算少。直接看看我們做的效果先：

解釋一下：

我們這裡做了兩個測試，第一個就是事件的分發和移除相關；第二個是測試通過Fixed型別來設定監聽器的優先順序。

第一個測試：我們可以看到有Block1、Block2和Block3三個方塊。它們的監聽器均是覆蓋的。Block1和Block3是通過Fixed型別來設定優先順序的，而Block2是通過Graph來設定優先順序的。它們此時優先順序從大到小依次是：Block1>Block2>Block3。在點選重疊部分時，優先順序最高的會覆蓋優先順序低的。在場景中，我們還添加了移除事件的選單條目，就在方塊下方，點選後可以移除掉所有的Touch_One_By_One訊息，包括先有的選單條目，所以移除後將不能點選，因此為了能夠跳轉到第二個測試場景中，我們在點選完成之後又建立另外一個選單條目。

第二個測試：這個測試是僅僅用Fixed型別來設定分發事件監聽器的優先順序的，通過這個介面，傳入一個整型型別的值設定優先順序。各顏色方塊的優先順序從大到小依次是：Red>Yellow>Blue。

通過上面測試一已經可以看出上面問題的結果了。當兩種方法一起使用時，優先順序的從大到小依次是：

(Fixed型別整型值<0) > (Graph型別) > (Fixed型別整型值 > 0)

解釋完畢~

下面就直接貼程式碼了，為了方便閱讀，我把這兩個場景分成兩個類。TouchEventTest類和AnotherTouchEventTest類。

TouchEventTest.h:

#ifndef __TOUCH_EVENT_TEST_H__
#define __TOUCH_EVENT_TEST_H__

#include "cocos2d.h"
USING_NS_CC;

class TouchEventTest : public Layer
{
public:
    static Scene* createScene();
    virtual bool init();
	CREATE_FUNC(TouchEventTest);
};

#endif

#include "TouchEventTest.h"
#include"AnotherTouchEventTest.h"

Scene* TouchEventTest::createScene()
{
    auto scene = Scene::create();
	auto layer = TouchEventTest::create();
    scene->addChild(layer);

    return scene;
}

bool TouchEventTest::init()
{
    if ( !Layer::init() )
    {
        return false;
    }
	auto visibleSize = Director::getInstance()->getVisibleSize();

	//當前測試標籤描述
	auto test_label = Label::createWithSystemFont("Event Dispatcher And Remove Test", "", 30);
	test_label->setPosition(Vec2(visibleSize.width / 2, visibleSize.height - test_label->getContentSize().height));
	this->addChild(test_label, 20);

	auto label = Label::createWithSystemFont("Block1:Fixed:-1,Block2:Graph:layer2,Block3:Fixed:1", "", 23);
	this->addChild(label);
	label->setPosition(Vec2(test_label->getPositionX(), test_label->getPositionY() - 80));

	//方塊一
	LayerColor *layer1 = LayerColor::create(Color4B::RED, 100, 100);
	this->addChild(layer1,3);
	layer1->ignoreAnchorPointForPosition(false);
	layer1->setAnchorPoint(Vec2::ANCHOR_MIDDLE);		//設定錨點為中心點
	layer1->setPosition(visibleSize.width / 2 - layer1->getContentSize().width / 2 , visibleSize.height / 2);
	//方塊一標籤
	auto layer1_label = Label::createWithSystemFont("Block1", "", 30);
	layer1_label->setPosition(Vec2(layer1->getContentSize() / 2));
	layer1->addChild(layer1_label);

	//方塊二
	LayerColor *layer2 = LayerColor::create(Color4B::GREEN, 100, 100);
	this->addChild(layer2,2);
	layer2->ignoreAnchorPointForPosition(false);
	layer2->setAnchorPoint(Vec2::ANCHOR_MIDDLE);		//設定錨點為中心點
	layer2->setPosition(Vec2(layer1->getPositionX() + 30, layer1->getPositionY() + 50));

	//方塊二標籤
	auto layer2_label = Label::createWithSystemFont("Block2", "", 30);
	layer2_label->setPosition(Vec2(layer2->getContentSize() / 2));
	layer2->addChild(layer2_label);

	//方塊三
	LayerColor *layer3 = LayerColor::create(Color4B::BLUE, 100, 100);
	this->addChild(layer3,1);
	layer3->ignoreAnchorPointForPosition(false);
	layer3->setAnchorPoint(Vec2::ANCHOR_MIDDLE);		//設定錨點為中心點
	layer3->setPosition(Vec2(layer1->getPositionX() + 70, layer1->getPositionY() - 10));

	//方塊三標籤
	auto layer3_label = Label::createWithSystemFont("Block3", "", 30);
	layer3_label->setPosition(Vec2(layer3->getContentSize() / 2));
	layer3->addChild(layer3_label);

	//建立監聽器1
	auto listener1 = EventListenerTouchOneByOne::create();
	listener1->setSwallowTouches(true);
	//為監聽器分配回撥函式
	listener1->onTouchBegan = [=](Touch *t, Event *e){
		CCLOG("listener1 touch Began!!!!");

		auto pos = layer1->convertToNodeSpace(t->getLocation());
		Rect rect = { 0, 0, layer1->getContentSize().width, layer1->getContentSize().height };

		if (rect.containsPoint(pos)){
			//設定透明度，範圍是：0~255，顯示程度逐漸遞增
			layer1->setOpacity(180);
			return true;
		}
		return false;
	};

	listener1->onTouchEnded = [=](Touch *t, Event *e){
		CCLOG("listener1 touch Ended!!!!");
		layer1->setOpacity(255);
	};
	//建立監聽器2
	auto listener2 = EventListenerTouchOneByOne::create();
	listener2->setSwallowTouches(true);
	//為監聽器分配回撥函式
	listener2->onTouchBegan = [=](Touch *t, Event *e){
		CCLOG("listener2 touch Began!!!");
		auto pos = layer2->convertToNodeSpace(t->getLocation());
		Rect rect = { 0, 0, layer2->getContentSize().width, layer2->getContentSize().height };

		if (rect.containsPoint(pos)){
			//設定透明度，範圍是：0~255，顯示程度逐漸遞增
			layer2->setOpacity(180);
			return true;
		}
		return false;
	};

	listener2->onTouchEnded = [=](Touch *t, Event *e){
		CCLOG("listener2 touch Ended!!!!");
		layer2->setOpacity(255);
	};

	//建立監聽器3
	auto listener3 = EventListenerTouchOneByOne::create();
	listener3->setSwallowTouches(true);
	//為監聽器分配回撥函式
	listener3->onTouchBegan = [=](Touch *t, Event *e){
		CCLOG("listener3 touch Began!!!");
		auto pos = layer3->convertToNodeSpace(t->getLocation());
		Rect rect = { 0, 0, layer2->getContentSize().width, layer2->getContentSize().height };

		if (rect.containsPoint(pos)){
			//設定透明度，範圍是：0~255，顯示程度逐漸遞增
			layer3->setOpacity(180);
			return true;
		}
		return false;
	};

	listener3->onTouchEnded = [=](Touch *t, Event *e){
		CCLOG("listener3 touch Ended!!!!");
		layer3->setOpacity(255);
	};

	//分發監聽事件
	_eventDispatcher->addEventListenerWithFixedPriority(listener1,-1);
	_eventDispatcher->addEventListenerWithSceneGraphPriority(listener2, layer2);
	_eventDispatcher->addEventListenerWithFixedPriority(listener3, 1);


	//新增事件移除選單
	auto menuLabel = MenuItemLabel::create(Label::createWithSystemFont("Click Here To RemoveAllListener", "", 30),
		[this](Ref *pSender){
			auto target = dynamic_cast<MenuItemLabel*>(pSender);
			target->setString("TouchOneByOneEvent has removed!");
			//移除當前所有的TOUCH_ONE_BY_ONE型別事件：包括已經新增的選單條目
			_eventDispatcher->removeEventListenersForType(EventListener::Type::TOUCH_ONE_BY_ONE);

			//新增下一場景測試跳轉選單
			auto nextItem = MenuItemFont::create("Click Here Enter Next Test", [=](Ref* sender){
				CCLOG("Click!!!!!!!!!!!!!!!");
				Director::getInstance()->replaceScene(AnotherTouchEventTest::createScene());
			});

			nextItem->setFontSizeObj(30);
			nextItem->setPosition(Vec2(Director::getInstance()->getVisibleSize().width / 2, 50));

			auto menu2 = Menu::create(nextItem, nullptr);
			menu2->setPosition(Vec2(0, 0));
			this->addChild(menu2);
		});
	menuLabel->setPosition(Vec2(0,-visibleSize.height/2 + 100));
	auto menu = Menu::create(menuLabel, NULL);
	this->addChild(menu);


    return true;
}

AnotherTouchEventTest.h:

#ifndef __ANOTHER_TOUCH_EVENT_TEST_H__
#define __ANOTHER_TOUCH_EVENT_TEST_H__

#include "cocos2d.h"
USING_NS_CC;

class TouchableLayer :public LayerColor{
public:
	TouchableLayer(const Color4B &color,GLfloat width,GLfloat height,int priority)
	{
		this->_color = color;
		this->_width = width;
		this->_height = height;
		this->_fixedPriority = priority;
		this->_listener = nullptr;
	}
	static TouchableLayer *create(const Color4B &color,GLfloat width, GLfloat height, int priority = 0)
	{
		auto t = new (std::nothrow)TouchableLayer(color,width,height,priority);
		if (t  && t->init())
		{
			t->autorelease();
			return t;
		}
		else{
			delete t;
			t = nullptr;
		}
		return t;
	}
	virtual bool init(){
		if (!LayerColor::initWithColor(_color,_width,_height)){
			return false;
		}
		//設定錨點為中心點
		this->ignoreAnchorPointForPosition(false);
		this->setAnchorPoint(Vec2::ANCHOR_MIDDLE);

		//初始化自身監聽器
		auto listener = EventListenerTouchOneByOne::create();
		listener->setSwallowTouches(true);
		listener->onTouchBegan = [=](Touch *t, Event *e){
			auto point = this->convertToNodeSpace(t->getLocation());
			Size s = this->getContentSize();
			Rect rect = { 0, 0, s.width, s.height };
			if (rect.containsPoint(point)){
				this->setOpacity(180);
				return true;
			}
			return false;
		};
		listener->onTouchEnded = [=](Touch *t, Event *e){
			this->setOpacity(255);
		};
		if (_fixedPriority != 0){
			_eventDispatcher->addEventListenerWithFixedPriority(listener, _fixedPriority);
		}
		else{
			_eventDispatcher->addEventListenerWithSceneGraphPriority(listener, this);
		}
		return true;
	}
private:
	Color4B _color;
	GLfloat _width, _height;
	int _fixedPriority;
	EventListener *_listener;
};
class AnotherTouchEventTest : public Layer
{
public:
	static Scene* createScene();
	virtual bool init();
	CREATE_FUNC(AnotherTouchEventTest);
};
#endif

#include"AnotherTouchEventTest.h"


Scene* AnotherTouchEventTest::createScene(){
	auto scene = Scene::create();
	auto layer = AnotherTouchEventTest::create();
	scene->addChild(layer);
	return scene;
}

bool AnotherTouchEventTest::init(){
	if (!Layer::init()){
		return false;
	}
	auto visibleSize = Director::getInstance()->getVisibleSize();

	//當前測試標籤描述
	auto test_label = Label::createWithSystemFont("EventListenerWithFixedPriority Test", "", 30);
	this->addChild(test_label);
	test_label->setPosition(Vec2(visibleSize.width / 2, visibleSize.height - test_label->getContentSize().height));

	auto label = Label::createWithSystemFont("Fixed Priority:Red:10,Blue:20,Yellow:30", "", 25);
	this->addChild(label);
	label->setPosition(Vec2(test_label->getPositionX(), test_label->getPositionY() - 80));

	//方塊三
	LayerColor *layer3 = TouchableLayer::create(Color4B::BLUE,100,100,30);
	layer3->setPosition(Vec2(visibleSize.width/2, visibleSize.height/2));
	this->addChild(layer3);

	//方塊四
	LayerColor *layer4 = TouchableLayer::create(Color4B::YELLOW,100,100,20);
	layer4->setPosition(Vec2(layer3->getPositionX() + 40, layer3->getPositionY() + 60));
	this->addChild(layer4);

	//方塊五
	LayerColor *layer5 = TouchableLayer::create(Color4B::RED, 100, 100, 10);
	layer5->setPosition(Vec2(layer3->getPositionX() - 30, layer3->getPositionY() + 30));
	this->addChild(layer5);


	return true;
}

好了，基本上就是這些了，其它的也沒什麼可以說的了。對於移動端的觸控機制，在這裡就暫時告一段落了。可能你更想聽聽關於多點觸控的。由於裝置有限，就不做實驗演示了。大家也可以去看看它的原始碼。如果理解了單點觸控，學習多點觸控也是很容易的哈~單點觸控是對傳入的點單獨處理，而多點觸控是用到了一個容器把你觸控的點儲存起來，分別處理。

嗯~希望以上的例項可以讓你明白對於單點觸控機制中不管是步驟也好，事件分發的優先性問題也罷，都能夠讓你對它理解得更深入點。下一篇我決定來說說關於這個節點的生命週期問題，因為在很多時候需要去考慮到使用它，特別是聲音播放問題，當然聲音播放就留在下下篇再說啦~