关于cocos2d-x 3.0的点击交互处理

转自：http://blog.csdn.net/fansongy/article/details/12716671

1、概述

    游戏也好，程序也好，仅仅有能与用户交互才有意义。手机上的交互大致能够分为两部分：点击和输入。当中点击更为重要，差点儿是游戏中所有的交互。在Cocos2d-x 3.0中。更改了dispatch机制。同一时候增加了两种新的交互形式：listener 和touchEvent回调。

加上先前版本号中的点击函数回调，与重写layer层的touch消息响应，构成了一个相对完整的交互模式。

先上一张Demo的图：

2、四种点击

1、函数回调

函数回调是最简单的响应形式。一直以来被用于MenuItem中的点击处理。

在新版本号中，此处发生了些小改变。我们能够看到在生成的程序中相关代码是这种：

[cpp] view
plaincopyprint?

1. // a selector callback
2. void menuCloseCallback(Object* pSender);
3. auto closeItem = MenuItemImage::create("CloseNormal.png","CloseSelected.png",
4. CC_CALLBACK_1(HelloWorld::menuCloseCallback, this));
5. void HelloWorld::menuCloseCallback(Object* pSender)
6. {
7. Director::getInstance()->end();
8. #if (CC_TARGET_PLATFORM == CC_PLATFORM_IOS)
9. exit(0);
10. #endif
11. }

当中CC_CALLBACK_1宏是将函数与对象绑定在一起，1表示这个函数有一个參数。当点击这个button时，会调用这个回调函数。

除了基于c++11的这个形式的改变，用法与先前同样。

此种方式已经被舍弃，能够使用第四种方法做替代。

2、Layer的touch消息响应

     尽管重写了底层的dispatch，但对这层的使用影响并不大。

我们相同须要重写：

[cpp] view
plaincopyprint

" style="color:rgb(160,160,160); text-decoration:none; border:none; padding:0px; margin:0px 10px 0px 0px; background-color:inherit">?

1. //单点响应
2. virtual bool onTouchBegan(Touch* touch, Event  *event) override;
3. virtual void onTouchMoved(Touch* touch, Event  *event) override;
4. virtual void onTouchEnded(Touch* touch, Event  *event) override;
5. virtual void onTouchCancelled(Touch *touch, Event *event) override;
6. //多点响应
7. virtual void onTouchesBegan(const std::vector<Touch*>& touches, Event *unused_event);
8. virtual void onTouchesMoved(const std::vector<Touch*>& touches, Event *unused_event);
9. virtual void onTouchesEnded(const std::vector<Touch*>& touches, Event *unused_event);
10. virtual void onTouchesCancelled(const std::vector<Touch*>& touches, Event *unused_event);

重写这些函数来对layer的点击做处理。当然。我们须要：

[cpp] view
plaincopyprint?

1. setTouchEnabled(true)。

此外有个小修改。对于单点触控响应，能够调用：

[cpp] view
plaincopyprint?

1. //设置为单点响应
2. setTouchMode(Touch::DispatchMode::ONE_BY_ONE);
3. //设置为多点响应（默认）
4. setTouchMode(Touch::DispatchMode::ALL_AT_ONCE);

进行设置，而不须要再用设置Delegate的方式来做了。

3、TouchEvent响应

    这是新增加的响应方式。它主要是使用在UIWidget上的。能够将其看做是函数回调的一个扩展。为很多其它的响应处理提供可能。用法大致是：

[cpp] view
plaincopyprint?

1. //声明
2. void touchButton(Object* object,TouchEventType type);
3. //挂接到控件上
4. uiButton->addTouchEventListener(this,toucheventselector(HelloWorld::touchButton));
5. //实现
6. void HelloWorld::touchButton(Object* object,TouchEventType type)
7. {
8. LabelTTF* label;
9. switch (type)
10. {
11. case TouchEventType::TOUCH_EVENT_BEGAN:
12. label = static_cast<LabelTTF*>(getChildByTag(11));
13. label->setString("按下button");
14. break;
15. case TouchEventType::TOUCH_EVENT_MOVED:
16. label = static_cast<LabelTTF*>(getChildByTag(11));
17. label->setString("按下button移动");
18. break;
19. case TouchEventType::TOUCH_EVENT_ENDED:
20. label = static_cast<LabelTTF*>(getChildByTag(11));
21. label->setString("放开button");
22. break;
23. case TouchEventType::TOUCH_EVENT_CANCELED:
24. label = static_cast<LabelTTF*>(getChildByTag(11));
25. label->setString("取消点击");
26. break;
27. default:
28. break;
29. }
30. }

由于全部的UIWidget都要加入到UILayer上。而UILayer通常作为UI的Widget都会在最上层，所以能够“基本上”觉得这样的使用方式会优先于其它方式处理点击消息。由于UILayer也会有层级的改变，比方它和MenuItem之间的关系。所以说“基本上”。

4、Listener消息响应方式

这样的实现也是新增加的。它更像是点击的一个层次过滤器。点击时，在listener队里中进行过滤。每个listener检查自己保存的touch消息响应是否会被触发。

一层一层过滤，最后在到Layer的touch消息响应。

我认为它的设计的初衷是为随意sprite提供一套自己制定的点击响应。但这种实现仍然要写非常多条件推断。没有可以控件化。可能我的理解有些偏差，欢迎讨论。

它被设计成一个全局点击响应控制。详细的使用方法大致是这样：

[cpp] view
plaincopyprint?

1. //auto dispatcher = EventDispatcher::getInstance();
2. //  auto myListener = EventListenerTouch::create(Touch::DispatchMode::ONE_BY_ONE);
3. auto dispatcher = Director::getInstance()->getEventDispatcher();
4. auto myListener = EventListenerTouchOneByOne::create();
5. //假设不增加此句消息依然会向下传递
6. myListener->setSwallowTouches(true);
7. myListener->onTouchBegan = [=](Touch* touch,Event* event)
8. {
9. //some check
10. if (pass)
11. {
12. return true;
13. }
14. return false;
15. };
16. myListener->onTouchMoved = [=](Touch* touch,Event* event)
17. {
18. //do something
19. };
20. myListener->onTouchEnded = [=](Touch* touch,Event* event)
21. {
22. //do something
23. };
24. dispatcher->addEventListenerWithSceneGraphPriority(myListener,mySprite1);
25. dispatcher->addEventListenerWithSceneGraphPriority(myListener,mySprite2);

在这里相同会用到CC_CALLBACK_x函数。

其原理是在dispatcher中检查listener列表，比如myListener或加进来的其它listener。然后每一个listener检查自己中的Item看是否能达到检查条件，比如：mySprite1，mySprite2。

然后运行对应的操作。但这种话，当控件非常多的时候，每一次事件都进行这种双链表的检查操作不知会不会影响些性能？

3、实例

光说不练假把式，于是就动手写了一个上面的Demo：

点击背景区域能够移动整个场景。点击蓝色小方块能够半透明移动它，点击蓝色button能够更改文字。显示状态。点击右下角button退出程序。

项目配置可參照：

Cocos2d-x 3.0
开发（十六）cocos2dx-3.0beta版建立新项目并载入CocoStudio导出文件

4、总结

依据不同的交互须要。选择不同的实现方式，会更有利于我们的维护和扩展，对应样例能够在以下下载。

Demo下载：http://download.csdn.net/detail/fansongy/6399291 不要资源分，认为好劳烦点下 “顶” ~

Demo For Beta2 下载：http://download.csdn.net/detail/fansongy/6892047