加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 （https://www.lidatong.com.cn/）- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置： 首页 > 百科 > 正文

【cocos2d-x3.2游戏开发】 模态对话框拦截所有事件

发布时间：2020-12-14 19:44:21 所属栏目：百科 来源：网络整理
导读：开发基础：Cocos2dx 3.2 开发目标：1.实现模态对话框，无论弹出多少层都可以拦截事件。 2.ScrollView上有按钮，可以点击按钮滑动，响应事件并且不影响模态对话框的事件拦截。 实现方法: 1.Cocos2dx 2版本中，我们会设置DlgLayer事件的优先级为-128,这样会拦

开发基础：Cocos2dx 3.2

开发目标：1.实现模态对话框，无论弹出多少层都可以拦截事件。 2.ScrollView上有按钮，可以点击按钮滑动，响应事件并且不影响模态对话框的事件拦截。



实现方法:
1.Cocos2dx 2版本中，我们会设置DlgLayer事件的优先级为-128,这样会拦截底层的按钮事件(-128),但是问题是会拦截当前层的按钮事件(-128),需要将DlgLayer上的点击事件手动传入对话框上的按钮处理。
3.0版本中已经不再使用了，这种方法有很大的局限性，尤其在界面比较多，比较复杂的情况下,传递事件是一种比较挫的做法。直接排除。

2.Cocos2dx 3.X版本中，因为改变了事件的规则，几乎所有的控件的事件处理都按SceneGraphPriority走的，甚至连Cocos2dx 2.X版本的Menu的-128也更改为0了。
做法: 直接弹出一个DlgLayer(CCColorLayer),封装一个事件吞噬(onTouchBegan,onTouchEnded...),事件优先级为addEventListenerWithSceneGraphPriority,即0
因为所有层的拦截事件优先级为0，就会先处理最上方的事件，即弹出的对话框事件。


特殊情况：
弹出的对话框上有ScrollView，ScrollView上有按钮，最常见的问题就是
1.点击按钮能触发事件，但是点击按钮无法滑动ScrollView。
解决办法：把按钮优先级设置为1(当前ScrollView的优先级为0)，这样就能点着按钮滑动了。
但是产生新问题，按钮能滑动，却不能点击了，因为DlgLayer的优先级为0，会拦截掉按钮的事件。

2.有一个特殊的API，setSwallowTouches,在为一个控件封装点击事件的时候，可以将setSwallowTouches(false)。
这就意味着按钮能够响应点击事件，但是因为没有吞噬事件，就可以把按钮的事件传给ScrollView,ScrollView也可以滑动。
DlgLayer 优先级 0
ScrollView 优先级 0
Button 优先级 0
根据ZOrder的顺序，先触发Button,然后是ScrollView，最后是DlgLayer

3. 3.0版本不建议修改priority，因为你无法得知需要弹出多少层对话框，就无法确定每个对话框的priority

eventdispatcher事件分发规则
添加监听的方法addEventListenerWithSceneGraphPriority和addEventListenerWithFixedPriority

1.SceneGraphPriority
和Node节点绑定的所有事件的优先级为0,
添加监听器后，事件监听列表内部的排序为 "<0,scene graph (0 priority),>0"

2.FixedPriority
用来自己定制优先级，一般设置"<0 或 >0"

3. 响应事件的优先级，数值越小，越先响应，-1 0 1这个顺序
内部事件处理顺序：
1.优先级为负数的事件
2.优先级为0(scene graph)的事件，相同的优先级会根据Node的z顺序高的（绘制于顶部的）节点将优于z顺序低的节点。这将保证了诸如触碰事件的自顶向下传播。
3.优先级为整数的事件


最后附带一个lua版封装的TouchableSprite

一个可点击的图片，可以在ScrollView上点击滑动，响应事件。


[cpp] view plain copy
  1. --[[
  2. 可点击的图片，可以设置响应的优先级。
  3. 比如ScrollView上的按钮，可以用TouchableSprite实现。将TouchableSprite设置为不吞噬消息即可。
  5. ~~~lua
  6. --点击点击事件
  7. localfunctionequip_touch_began_listener(sender,touch,event)
  8. end
  9. --点击结束事件
  10. localfunctionequip_touch_ended_listener(sender,108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> ifscroll_view:isTouchMoved()then
  11. return
  12. --可以添加容错点击，如5个像素内。
  13. localstart_pt=touch:getStartLocation()
  14. localend_pt=touch:getLocation()
  15. ifcheckint(start_pt.x)==checkint(end_pt.x)andcheckint(start_pt.y)==checkint(end_pt.y)then
  16. print(sender.id_)
  17. print("Readytoequip......")
  18. end
  20. --添加到ScrollView上可点击的图片
  21. localsp=TouchableSprite.new("data/equip.png",
  22. equip_touch_began_listener,
  23. equip_touch_ended_listener,
  24. false)
  25. sp.id_=9999
  26. scroll_view:addChild(sp)
  27. ]]
  28. localTouchableSprite=class("TouchableSprite",function(pic_path)
  29. returndisplay.newSprite(pic_path)
  30. end)
  31. TouchableSprite.__index=TouchableSprite
  32. TouchableSprite.listener_=nil
  33. TouchableSprite.swallowTouch_=true
  34. TouchableSprite.fixedPriority_=0
  35. TouchableSprite.useNodePriority_=false
  36. TouchableSprite.removeListenerOnTouchEnded_=false
  37. TouchableSprite.touch_began_listener_=nil
  38. TouchableSprite.touch_ended_listener_=nil
  39. --[[
  40. 构造一个可响应点击事件的TouchableSprite。
  41. ~~~lua
  42. --监听器有三个参数,第一个参数是自己
  43. localfunctiontouch_began_listener(sender,event)
  44. localfunctiontouch_ended_listener(sender,108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> localstart_pt=touch:getStartLocation()
  45. localend_pt=touch:getLocation()
  46. ifcheckint(start_pt.x)==checkint(end_pt.x)andcheckint(start_pt.y)==checkint(end_pt.y)then
  47. print(sender.id_)
  48. print("Readytoequip......")
  49. equip_touch_ended_listener)
  50. sp:setTexture("data/equip1.png")
  51. sp:setPriority(1)
  52. parent:addChild(sp)
  53. @paramstringpic_path传入图片路径.可为空，后通过:setTexture("pic_path")重新设置
  54. @paramtouch_began_listener点击开始事件的监听器。为空时不响应。监听器有三个参数,第一个参数是可点击图片自己
  55. @paramtouch_ended_listener点击结束时事件监听器。为空时不响应。监听器有三个参数,第一个参数是可点击图片自己
  56. @paramswallow_touch是否吞噬事件true事件不再向下传递false响应完事件后，继续向下传递
  57. functionTouchableSprite:ctor(pic_path,touch_began_listener,touch_ended_listener,swallow_touch)
  58. self.touch_began_listener_=touch_began_listener
  59. self.touch_ended_listener_=touch_ended_listener
  60. self.swallowTouch_=swallow_touch
  61. localfunctiononNodeEvent(event)
  62. ifevent=="enter"then
  63. self:onEnter()
  64. elseifevent=="exit"then
  65. self:onExit()
  66. self:registerScriptHandler(onNodeEvent)
  67. functionTouchableSprite:setTouchBeganListener(touch_began_listener)
  68. functionTouchableSprite:setTouchEndedListener(touch_ended_listener)
  69. self.touch_ended_listener_=touch_ended_listener
  70. functionTouchableSprite:onEnter()
  71. localeventDispatcher=self:getEventDispatcher()
  72. localfunctiononTouchBegan(touch,248)"> locallocationInNode=self:convertToNodeSpace(touch:getLocation())
  73. locals=self:getContentSize()
  74. localrect=cc.rect(0,s.width,s.height)
  75. ifcc.rectContainsPoint(rect,locationInNode)then
  76. ifself.touch_began_listener_then
  77. self:touch_began_listener_(self,153); font-weight:bold; background-color:inherit">returntrue
  78. localfunctiononTouchMoved(touch,108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> localfunctiononTouchEnded(touch,248)"> print("onTouchEnded.......")
  79. ifself.touch_ended_listener_then
  80. self:touch_ended_listener_(self,153); font-weight:bold; background-color:inherit">ifself.removeListenerOnTouchEnded_then
  81. eventDispatcher:removeEventListener(self.listener_)
  82. locallistener=cc.EventListenerTouchOneByOne:create()
  83. self.listener_=listener
  84. listener:setSwallowTouches(self.swallowTouch_)
  85. listener:registerScriptHandler(onTouchBegan,cc.Handler.EVENT_TOUCH_BEGAN)
  86. listener:registerScriptHandler(onTouchMoved,cc.Handler.EVENT_TOUCH_MOVED)
  87. listener:registerScriptHandler(onTouchEnded,cc.Handler.EVENT_TOUCH_ENDED)
  88. if0==self.fixedPriority_then
  89. eventDispatcher:addEventListenerWithSceneGraphPriority(listener,self)
  90. else
  91. eventDispatcher:addEventListenerWithFixedPriority(listener,self.fixedPriority_)
  92. functionTouchableSprite:setSwalllowTouch(swallow)
  93. self.swallowTouch_=swallow
  94. functionTouchableSprite:onExit()
  95. localeventDispatcher=self:getEventDispatcher()
  96. eventDispatcher:removeEventListener(self.listener_)
  97. functionTouchableSprite:setPriority(fixedPriority)
  98. self.fixedPriority_=fixedPriority
  99. self.useNodePriority_= functionTouchableSprite:removeListenerOnTouchEnded(toRemove)
  100. self.removeListenerOnTouchEnded_=toRemove
  101. functionTouchableSprite:setPriorityWithNode(useNodePriority)
  102. self.fixedPriority_=0
  103. self.useNodePriority_=useNodePriority
  104. returnTouchableSprite
原文请看：http://blog.csdn.net/teng_ontheway/article/details/39528037

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
    相关内容
      推荐文章
        站长推荐
        热点阅读

          【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱bqsm@foxmail.com我们将及时予以处理。

          建议您使用1920×1080分辨率、谷歌浏览器Google Chrome、Microsoft Edge以获得本站的最佳浏览效果

          Copygight © 2008-2022 https://www.lidatong.com.cn/ All Rights Reserved. 李大同