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

 

下面我们看看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. Python beautifulsoup模块

    BeautifulSoup中文文档:https://www.crummy.com/software/BeautifulSoup/bs4/doc.zh/ BeautifulSoup下载:http://w ...

  2. PostgreSQL的 initdb 源代码分析之三

    继续 其实接前面,整个while循环是这样的: ) { switch (c) { ...... } ...... } 这一句,c = getopt_long(argc, argv, "dD: ...

  3. 放开Linux内核对用户进程可打开文件数和TCP连接的限制

    一. 检查linux内核uname -alsb_release -a 二. 用户进程可打开文件数限制1) vim /etc/security/limits.conf*       -      nof ...

  4. ubuntu 15.04开放mysql远程连接

    首先查看端口是否打开 netstat -an|grep 3306 此图为开启3306端口的截图,之前显示为. . . 127.0.0.1:3306 . . . 打开mysql配置文件vi /etc/m ...

  5. JQuery UI Widget Factory官方Demo

    <!doctype html> <html lang="en"> <head> <meta charset="utf-8&quo ...

  6. Maven3.2创建webapp项目过程中问题以及解决方案

    用maven组件来创建web项目,maven的好处一大堆,但是在创建项目的时候问题也很多,诸多不顺,网上找了很多资料,貌似都没能解决问题. 环境:jdk1.7.0_80,eclipse4.4,mave ...

  7. [Oracle] Group By 语句的扩展 - Rollup、Cube和Grouping Sets

    常常写SQL语句的人应该知道Group by语句的主要使用方法是进行分类汇总,以下是一种它最常见的使用方法(依据部门.职位分别统计业绩): SELECT a.dname,b.job,SUM(b.sal ...

  8. day02 Java基础

    1.Java中的关键字都是小写的. 2.Java中的关键字 3.Java中的注释分为:单行注释.多行注释.文档注释 文档注释将被javadoc工具解析生成一个说明书. 4.Java中的常量分为字面值常 ...

  9. php运行步骤解析

    2000年, PHP4.0发布的时候,引入了Zend Engine. Zend引擎把PHP代码的执行切分成两个阶段: 一. Zend Engine 解析PHP代码并生成二进制中间码Zend Opcod ...

  10. uboot_starts_analysis.pdf

    Uboot中start.S源码的指令级的详尽解析 HTML版本的在线地址为:http://www.crifan.com/files/doc/docbook/uboot_starts_analysis/ ...