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

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

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

[html] view plaincopy

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