多个scrollView + button 触摸穿透问题

Creator 3.x
#1

  • Creator 版本：3.5.2

  • 目标平台： Chrome

  • 重现方式：必现

#2

image
image915×571 12.7 KB

#3

如图所示 底层有一个scrollView1 里面有一个按钮 上层有一个scrollView2 挂载了触摸穿透 但是穿透的冒泡只能往scrollView2同级的节点和父节点冒 无法穿透到scrollView1里面的button上

#4

此种情况出现于 大厅是拖动大地图 且有一个类似于活动列表的scrollView遮挡了大厅上的按钮

#5

image
image705×190 108 KB

#6

@panda @jare

#7

test.zip (31.0 KB)

#8

触摸穿透的自定义组件如下

image
image780×678 53.3 KB

#9

活动列表下层的“水晶追忆”和“婚礼殿堂”按钮无法透过活动列表响应到点击

#10

人工置顶！

#11 
event.propagationStopped = false;

加上这个，不知道是不是你想要的

#12

加上这个就可以了 但是现在又有个其他问题
image
我在第一个场景上加了一个常驻节点 然后UI管理器和弹窗什么的都是在这个常驻节点下 因为是两个画布 摄像机会渲染两次 为了减少dc 就把常驻节点下的camera的可见性掩码改成了0

image
image785×256 16.2 KB

分割线--------------------------------------------------------------------------------------------------------
问题就出现了 两个scrollView嵌套 上层的scrollView无法穿透到下层
20220922-171414
20220922-171414428×534 2.48 MB

#14

如上所示 上层的scrollView只会响应到自己 无法穿透 只有拖拽上层scrollView之外的区域才能让下层的scrollView响应到 并且会造成触摸事件紊乱 即：在结束scrollView的滑动之后 点击其他Button 其他Button会响应卡顿

#15

给个 demo 看看？不知道具体的设置是怎样的

#16

没事了···我在基类里面注册了监听 把event的穿透关了··· 上层开启穿透到最下层 又给关了···感谢老哥答疑解惑

#17

test.zip (94.3 KB)
还是不行，两个scrollView嵌套，如果上层的scrollView容器里面子项上挂有button，事件就没办法穿透，demo在上面

#18

@_PP @jare

#19

mark!!

#20

看着demo 不知道什么情况是你要的。。 :upside_down_face:

#21

按钮里自动屏蔽了穿透事件，可以给节点加一个额外事件