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技術討論羣：25776038六、327403678