cocos2dx学习之路----第八篇（初识触摸机制中的单点触摸）

上一篇中介绍了坐标转换的问题，这一篇就来浅谈关于cocos2dx中比较重要的一个知识点-------触摸机制。

在游戏中，不仅仅只需要画面的变动，更多的是需要与其中的实体对象进行交互。PC端的游戏可以通过鼠标、键盘，而对于移动端更多的是用触摸。所以，这里所讲的触摸也基本针对移动端的。当然，往往在我们PC端开发过程中，鼠标能够当作一个触摸点来进行交互。但是，这远远不够的，毕竟移动端在触摸的时候肯定有多点的交互。

好了，说的那么多，我们就进入正题吧~

cocos2dx的触摸机制中，有单点触摸及多点触摸。这里先来说说单点的触摸。

我们先来看看我们需要做出什么效果，如下图所示：



通过上图可以看出，场景中有两个颜色方块，我们通过鼠标点击方块后移动鼠标可以拖动方块。移动后的方块可以显示在另外一个方块的上面，即覆盖它。

这是个简单的例子，在解释如何实现之前，我们需要知道要实现触摸大概的步骤，有三步：

1.创建触摸监听器；

2.为监听器分配相关的触摸回调方法；

3.分发监听器

好，现在就直接来看实现的源码吧：

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

TouchEventTest.cpp：

#include "TouchEventTest.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();
//方块一
LayerColor *layer1 = LayerColor::create(Color4B::RED, 100, 100);
this->addChild(layer1);
layer1->ignoreAnchorPointForPosition(false);<span style="white-space:pre">	</span>//不忽略锚点
layer1->setAnchorPoint(Vec2::ANCHOR_MIDDLE);<span style="white-space:pre">	</span>//设置锚点为中心点
layer1->setPosition(visibleSize.width / 2, visibleSize.height / 2);

//方块二
LayerColor *layer2 = LayerColor::create(Color4B::GREEN, 100, 100);
this->addChild(layer2);
layer2->ignoreAnchorPointForPosition(false);
layer2->setAnchorPoint(Vec2::ANCHOR_MIDDLE);
layer2->setPosition(Vec2(layer1->getPositionX() + 200, layer1->getPositionY()));

//创建监听器
auto listener1 = EventListenerTouchOneByOne::create();
listener1->setSwallowTouches(true);
//为监听器分配回调函数
listener1->onTouchBegan = [](Touch *t, Event *e){
CCLOG("listener1 touch begin!!!!");
/*******************************
**获取被点击的对象，
**并获取点击的点是否在对象中，这里点击的点是OpenGL的坐标点，转换为当前对象内的点
**如果在，设置透明度为180，
**并确认对象被点击事件，即return true
************************************/
auto target = dynamic_cast<Node*>(e->getCurrentTarget());
auto pos = target->convertToNodeSpace(t->getLocation());
Rect rect = { 0, 0, target->getContentSize().width, target->getContentSize().height };

if (rect.containsPoint(pos)){
//设置透明度，范围是：0~255，显示程度逐渐递增
target->setOpacity(180);
return true;
}
return false;
};

listener1->onTouchMoved = [](Touch *t, Event *e){
CCLOG("listener1 touch Move!!!!");
/*************************************************
**移动被点击对象，随着鼠标位置的变化进行相对应移动
**************************************************/
auto target = dynamic_cast<Node*>(e->getCurrentTarget());
auto pos = Vec2(target->getPosition() + t->getDelta());
target->setPosition(pos);
};

listener1->onTouchEnded = [=](Touch *t, Event *e){
CCLOG("listener1 touch Ended!!!!");
/****************************
**把被点击对象透明度设置回来，并判断应该覆盖的对象
**************************/
auto target = dynamic_cast<Node*>(e->getCurrentTarget());
target->setOpacity(255);
if (target == layer1){
layer1->setLocalZOrder(10);
layer2->setLocalZOrder(0);
}
else if (target == layer2){
layer1->setLocalZOrder(0);
layer2->setLocalZOrder(10);
}
};
//克隆监听器一
auto listener2 = listener1->clone();

//分发监听事件
_eventDispatcher->addEventListenerWithSceneGraphPriority(listener1, layer1);
_eventDispatcher->addEventListenerWithSceneGraphPriority(listener2, layer2);

return true;
}

以上就是那个例子的实现。可能在分发函数的回调的时候会有点疑虑，就是这个:

var->onTouchBegan = [](Touch *t, Event *e){
//....
}

这是C++11所支持的新特性，lamda表达式，它是一个匿名函数。而这里所分发的就是回调的函数，所以里面所实现的就是回调函数所需要的。

在lamda表达式中，有一个关键的地方，就是[ ]里面的符号问题，我们来看下它的语法：

[capture list] (parameter list) ->return type { function body }

关于方括号里面的所填的内容一般如下：

"this" : 把当前节点作为捕获的值，所以可以捕获当前节点中所有的子类或是变量属性；

"=" : 把该lamda函数外的一层属性变量拷贝一份，所以可以捕获外层的属性变量；

"&" : 把该lamda函数外的一层属性变量引用进来，所以可以捕获外层的属性变量并改变其值。

对于上面的代码，方括号里面填了“=”的来获取外面一层的所有变量并复制一份。这样，外面一层的方块变量layer1和layer2均可获取得到。

好了，以上就是单点触摸的简单介绍，下一篇会更进一步的对触摸相关的进行讲解。