UGUI 事件穿透规则

UGUI事件分为两大类：点击和拖拽。

点击包括 pointerdown, pointerup。

拖拽包括 begindrag, drag, enddrag。

点击事件无穿透：只会被最上层UI响应，不会向下层传递。

拖拽事件半穿透：透过上层UI直到遇见实现了拖拽事件的第一个UI，并且不会向下层传递。

举例：一堆重叠在同一位置的按钮按层次从上到下依次为A,B,C,D

1，只有最上层的按钮A能收到点击事件。下面的全部被挡住了。

2，给B实现 IBeginDrag, IDrag, IEndDrag接口，则发现对应的事件接口有调用：OnBeginDrag(eventdata), OnDrag(eventdata), OnEndDrag(eventdata)

这说明B没有被上层UI A挡住。

3，给A,B同时实现 IBeginDrag, IDrag, IEndDrag接口，则只有A的对应事件会被调用，B的事件没被调用。

这说明拖拽事件不会向下层传递。

4，给A实现点击接口，给B实现拖拽接口，给C实现点击接口，给D实现拖拽接口。则A能收到点击事件，B能收到拖拽事件。C,D没收到任何事件。

posted on 2017-06-13 12:23 时空观察者9号阅读(...) 评论(...) 编辑收藏

UGUI 事件穿透规则相关推荐

移动端页面滑动事件穿透问题及其解决方案
滑动事件穿透: 在一个可滚动的列表页中打开弹窗,底部的页面理论上是不可滚动的,但是当滑动弹窗时,底部页面会跟随滚动,这就是所谓的页面滚动穿透的问题. 解决方案一: 当弹窗显示时,在父元素上添加fix类 ...
UGUI事件之Drag拖拽事件
UI事件之Drag拖拽事件 ======================================================== 2.UGUI 事件命名空间当我们需要使用 UGUI 中的 ...
小程序遮罩层（阻止事件穿透）
小程序遮罩层(阻止事件穿透) 若弹出层没有滚动事件直接在蒙板上加catchtouchmove="preventTouchMove" 即可 <view class=&quo ...
Unity之引导功能遮罩事件穿透
Unity之新手引导shader遮罩事件穿透效果图设计思路 1.新手引导我们期待开发内容不影响正常的功能模块,意思就是分层,新手引导在正常功能之上 2.新手引导层级用一层深色bg显示遮住正常功能层 ...
uni-app 遮罩层事件穿透解决办法catchtouchmove
前言: 最近在做遮罩层相关的组件时,发现出现遮罩层后,其比遮罩层层级低的其他组件依然能滑动滚动,这就很无语.后面我尝试通过各种布尔值试图阻断这种情况,后面越做越复杂,逻辑越做越乱.再后来发现了一个专门 ...
ios 事件穿透的原因和解决方法
由于任务需要有时候界面需求要一个半透明的视图这样,你可以看见下一个视图 ,点击的时候,有可能就直接点击到底层视图导致底层视图做出响应,而半透明的视图纹丝不动,其实造成这种原因最主要的一个原 ...
Unity UGUI Batches合批规则详解（含源码）
Unity UGUI Batches合批规则详解在处理UGUI DrawCall问题的时候,我们经常遇到各式各样的问题. 问题1:在处理UGUI合批的时候,发现了一个面板父节点发生旋转,底下的UI合 ...
CocosCreator 事件阻挡和事件穿透
版本:2.4.3 事件阻挡如下图,现在实现只让白色响应事件,不让红色响应事件.(注意层级关系,红色包含着白色) 给红色和白色添加点击事件 this.white.on(cc.Node.EventTyp ...
UGUI—事件，iTween插件
预计两三天内,做2048游戏和一款自己编写的方块小游戏~期待一下喽! 每日一句:游戏制作是声色张扬下我欲盖弥彰的温柔理想目录 UGUI事件事件注册: ·通过编辑器绑定方法 ·AddListener ...

UGUI 事件穿透规则

UGUI 事件穿透规则

UGUI 事件穿透规则相关推荐

最新文章

热门文章