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

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

 

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)是判断是否触摸点在精灵对象范围。

 



更多内容请关注Cocos2d-x系列图书 《Cocos2d-x实战(卷Ⅰ):C++开发》
本书交流讨论网站: http://www.cocoagame.net
欢迎加入cocos2d-x技术讨论群:257760386、327403678

 

 

你可能感兴趣的:(cocos2d-x)