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

 

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

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

上述代码第①、⑧、⑨行分别定义了三个触摸事件函数,函数的参数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开发实例:单点触摸事件的更多相关文章

  1. Cocos2d-x实例:单点触摸事件

    addChild(boxC,30, kBoxC_Tag);                                                                        ...

  2. Cocos2d-x示例:单点触摸事件

    为了让大家掌握Cocos2d-x中的事件机制,以下我们以触摸事件为例.使用事件触发器实现单点触摸事件.该实比如图8-3所看到的,场景中有三个方块精灵,显示顺序如图8-3所看到的,拖拽它们能够移动它们. ...

  3. registerWithTouchDispatcher 注册单点触摸事件

    Doc: If isTouchEnabled, this method is called onEnter. Override it to change the way CCLayer receive ...

  4. iOS开发系列之触摸事件

    基础知识 三类事件中触摸事件在iOS中是最常用的事件,这里我们首先介绍触摸事件. 在下面的例子中定义一个KCImage,它继承于UIView,在KCImage中指定一个图片作为背景.定义一个视图控制器 ...

  5. android开发之单点触摸

    相对于多点触摸,单点触摸还是很简单的. 新建一个工程,先看看布局文件: <RelativeLayout xmlns:android="http://schemas.android.co ...

  6. Cocos2d-x 3.X手游开发实例详解

    Cocos2d-x 3.X手游开发实例详解(最新最简Cocos2d-x手机游戏开发学习方法,以热门游戏2048.卡牌为例,完整再现手游的开发过程,实例丰富,代码完备,Cocos2d-x作者之一林顺和泰 ...

  7. Cocos2d-x中触摸事件

    理解一个触摸事件可以从时间和空间两方面考虑. 1.触摸事件的时间方面 触摸事件的在时间方面,如下图所示,可以有不同的“按下”.“移动”和“抬起”等阶段,表示触摸是否刚刚开始.是否正在移动或处于静止状态 ...

  8. 移动端-js触摸事件

    开发者工具 在移动开发中,一种较为容易的做法是,先在桌面上开始原型设计,然后再在打算要支持的设备上处理移动特有的部分.多点触摸正是难以在PC上进行测试的那些功能之一,因为大部分的PC都没有触摸输入. ...

  9. javascript触摸事件touch使用

    详细内容请点击 Apple在iOS 2.0中引入了触摸事件API,Android正迎头赶上这一事实标准,缩小差距.最近一个W3C工作组正合力制定这一触摸事件规范.        在本文深入研究iOS和 ...

随机推荐

  1. linux杂谈(十八):DNS服务器的配置(一)

    原文地址: http://blog.chinaunix.net/uid-29622064-id-4242123.html 1.DNS服务器简介 域名系统(英文:Domain Name System,縮 ...

  2. 【不积跬步,无以致千里】AMQP协议介绍

    国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私 ...

  3. 谈谈C#基元类型

    首先看一下.NET 中的基元类型,如下表: C# Type | .NET Framework Type -------------| ---------------------- bool | Sys ...

  4. VB连接Mysql数据库

    当然机器装有mysql数据库 然后下载安装Mysql,odbc驱动 须要加入ado'菜单"project"->"引用" 找 Microsoft Activ ...

  5. 数据返回[数据库基础]——图解JOIN

    废话就不多说了,开始... 一.提要 JOIN对于接触过数据库的人,这个词都不生疏,而且很多人很清楚各种JOIN,还有很多人对这个懂得也不是很透辟,此次就说说JOIN操纵. 图片是很容易被接受和懂得, ...

  6. C语言用static限制函数以及全局变量的作用域

    今天才发现这个东西! C语言中没有public private之类的东西. 如果一个函数或者一个全局变量只想在一个.c文件中使用,可以在前面加上static! 以前我还傻傻的每个.c文件中的函数都加一 ...

  7. TreeView节点拖拉操作1

      TreeView节点拖拉操作1 //事先设置 TreeView1.DragMode= dmAutomatic;   unit Unit1; interface uses   Windows, Me ...

  8. 暂停和恢复Activity Android

    暂停和恢复Activity(Pausing and Resuming an Activity) 在正常的应用程序使用,前台activity有时会被其他可视化组件遮挡,从而 造成activity的暂停. ...

  9. Flex中 Array 的IndexOf 的作用

    Flex中 Array 的IndexOf 的作用 1.说明    indexOf用于在索引中从小到大查找,假设查得到就返回索引值,查不到就返回-1: 2.实例 (1)设计源代码 <?xml ve ...

  10. 元数据标签Embed

    关于Embed外部资源的使用方法总结 Flex软件中经常需要使用一些外部的资源,如图片.声音.SWF或字体,虽然你也可以在软件运行的时候引入和载入,但是也可能经常需要直接将这些资源编译(Compile ...