Cocos2d-x开发实例：单点触摸事件

下面我们通过一个实例详细了解一下，层中单点触摸事件的实现过程。感受一下它的缺点和优点。该实例场景如下图所示，场景中有两个方块精灵，我们可以点击和移动它们。

 

 

下面我们看看HelloWorldScene.cpp具体的实现代码如下：

 

[html]  view plain copy

 

1. bool HelloWorld::init()  
2. {  
3.     if( !Layer::init() )  
4.     {  
5.          returnfalse;  
6.     }  
7.     ......  
8.     setTouchEnabled(true);     
9.     //设置为单点触摸  
10.     setTouchMode(Touch::DispatchMode::ONE_BY_ONE);                                                               
11.      
12.     returntrue;  
13. }  
14.    
15. bool HelloWorld::onTouchBegan(Touch*touch, Event* event)                                                     ①  
16. {  
17.     log("onTouchBegan");  
18.     //通过tag（标签）获得BoxA精灵  
19.     autoboxA = this->getChildByTag(kBoxA_Tag);                                                                           ②  
20.     //如果BoxA精灵被点击  
21.     if(this->isTap(boxA, touch))                                                                                                            ③  
22.     {  
23.          log("BoxAsprite Tap");  
24.          boxA->runAction(ScaleBy::create(0.06,1.06));                                                                         ④  
25.          returntrue;                                                                                                                                     ⑤  
26.     }  
27.     //通过tag（标签）获得BoxB精灵  
28.     autoboxB = this->getChildByTag(kBoxB_Tag);                                                                   ⑥  
29.     //如果BoxB精灵被点击  
30.     if(this->isTap(boxB, touch))  
31.     {  
32.          log("BoxBsprite Tap");  
33.          boxB->runAction(ScaleBy::create(0.06,1.06));  
34.          returntrue;  
35.     }                                                                                                                                                 ⑦  
36.     returnfalse;  
37. }  
38.    
39. void HelloWorld::onTouchMoved(Touch*touch, Event *event)                                                     ⑧  
40. {  
41.     log("onTouchMoved");  
42.     //通过tag（标签）获得BoxA精灵  
43.     autoboxA = this->getChildByTag(kBoxA_Tag);  
44.     //如果BoxA精灵被点击  
45.     if(this->isTap(boxA, touch))  
46.     {  
47.          log("BoxAsprite Tap");  
48.          //移动当前按钮精灵的坐标位置  
49.          boxA->setPosition(boxA->getPosition()+ touch->getDelta());  
50.          return;  
51.     }  
52.     //通过tag（标签）获得BoxB精灵  
53.     autoboxB = this->getChildByTag(kBoxB_Tag);  
54.     //如果BoxB精灵被点击  
55.     if(this->isTap(boxB, touch))  
56.     {  
57.          log("BoxBsprite Tap");  
58.          //移动当前按钮精灵的坐标位置  
59.          boxB->setPosition(boxB->getPosition()+ touch->getDelta());  
60.          return;  
61.     }  
62. }  
63.    
64. void HelloWorld::onTouchEnded(Touch*touch, Event *event)                                                      ⑨  
65. {  
66.     log("onTouchEnded");      
67.     //通过tag（标签）获得BoxA精灵  
68.     autoboxA = this->getChildByTag(kBoxA_Tag);  
69.     //如果BoxA精灵被点击  
70.     if(this->isTap(boxA, touch))  
71.     {  
72.          log("BoxAsprite Tap");  
73.          boxA->runAction(ScaleTo::create(0.06,1.0));  
74.          return;  
75.     }  
76.     //通过tag（标签）获得BoxB精灵  
77.     autoboxB = this->getChildByTag(kBoxB_Tag);  
78.     //如果BoxB精灵被点击  
79.     if(this->isTap(boxB, touch))  
80.     {  
81.          log("BoxBsprite Tap");  
82.          boxB->runAction(ScaleTo::create(0.06,1.0));  
83.          return;  
84.     }  
85. }  
86.    
87. bool HelloWorld::isTap(Node* node,Touch* touch)                                                                    ⑩  
88. {  
89.     //获取触摸点相对Node位置坐标  
90.     PointlocationInNode = node->convertToNodeSpace(touch->getLocation());                         ⑪  
91.     Sizes = node->getContentSize();                                                                                                    ⑫  
92.     Rectrect = Rect(0, 0, s.width, s.height);                                                                                         ⑬  
93.    
94.     //点击范围判断检测  
95.     if(rect.containsPoint(locationInNode))                                                                                         ⑭  
96.     {  
97.          returntrue;  
98.     }  
99.     returnfalse;  
100. }  

 

上述代码第①、⑧、⑨行分别定义了三个触摸事件函数，函数的参数touch是在层中的触摸点，event是触摸事件，我们不能使用8.1.3一节的auto target = static_cast<Sprite*>(event->getCurrentTarget())语句获得要点击的精灵，事实上event->getCurrentTarget()函数获得的是事件源，这里的事件源是当前的层，而不是精灵对象。那么我们如何判断是否点击了哪个精灵呢？我的办法是每一个精灵逐一判断。所以，我们在第②~⑤行代码判断精灵BoxA是否被点击，在第⑥~⑦行代码判断精灵BoxB是否被点击。

代码第③行用到了isTap函数，我们在第⑩行定义了该函数，它是用来判断触摸点是否在精灵内，这个判断主要是通过Rect的containsPoint函数判断的。函数中第⑪行代码获取触摸点相对精灵对象本地坐标。第⑫行代码是获得精灵对象的尺寸。第⑬行代码是通过精灵对象的尺寸创建Rect变量。第⑭行代码rect.containsPoint(locationInNode)是判断是否触摸点在精灵对象范围。

 

更多内容请关注最新Cocos图书《Cocos2d-x实战 C++卷》

本书交流讨论网站： http://www.cocoagame.net

更多精彩视频课程请关注智捷课堂Cocos课程： http://v.51work6.com

欢迎加入Cocos2d-x技术讨论群：257760386

《Cocos2d-x实战 C++卷》现已上线，各大商店均已开售：

京东：http://item.jd.com/11584534.html

亚马逊：http://www.amazon.cn/Cocos2d-x%E5%AE%9E%E6%88%98-C-%E5%8D%B7-%E5%85%B3%E4%B8%9C%E5%8D%87/dp/B00PTYWTLU

当当：http://product.dangdang.com/23606265.html

互动出版网：http://product.china-pub.com/3770734

 

《Cocos2d-x实战 C++卷》源码及样章下载地址：

源码下载地址：http://51work6.com/forum.php?mod=viewthread&tid=1155&extra=page%3D1 

样章下载地址：http://51work6.com/forum.php?mod=viewthread&tid=1157&extra=page%3D1

欢迎关注智捷iOS课堂微信公共平台