Unity按钮事件冒泡

今天unity写程序时,我做了一个透明按钮,没图片,只绑了点击事件,把子对象文字组件也删了,空留一个透明按钮,此时运行时点击按钮是没有反应的,网上的教程说必须指定target graphic(目标图像)且该图像必须允许光线检测(raycast target),我并没有这么做,只是给button对象下放了一个panel子对象,运行,点击按钮,竟然成功了,百思不得其解,这不是没有指定panel为目标对象吗?后来想到了事件冒泡,果然是因为这个。

事件冒泡验证:

创建三个空对象,彼此包含,分别为爷爷》爸爸》儿子

爷爷绑定点击事件,

脚本

爸爸为空,

儿子挂载图像组件(默认开启光线检测)

运行,点击儿子图像,发现爷爷对象输出

证实子对象的事件会向父对象传递(冒泡)

如果我在爸爸处也设置一个点击事件,那么便会被爸爸拦截,不会传到爷爷那里了,只要事件被处理了,便不会继续往上传递

运行,实测如我所料

总结:
在UGUI中,事件(如点击事件)是从被点击的对象开始,向上逐级传递到父对象,直到找到一个注册了该事件的监听器为止。如果父对象注册了点击事件,而子对象没有注册,那么点击子对象时,事件会向上冒泡到父对象,并触发父对象的点击事件。
注意事项
事件冒泡:UGUI的事件会从子对象向上冒泡到父对象,直到找到一个处理该事件的对象为止。
阻止事件冒泡:如果你希望阻止事件冒泡,可以在子对象上注册事件并调用eventData.Use()方法。这会标记事件为已处理,防止它继续向上冒泡。

相关推荐
不太可爱的叶某人21 分钟前
【学习笔记】MySQL技术内幕InnoDB存储引擎——第5章 索引与算法
笔记·学习·mysql
岁岁岁平安23 分钟前
Redis基础学习(五大值数据类型的常用操作命令)
数据库·redis·学习·redis list·redis hash·redis set·redis string
知识分享小能手2 小时前
Vue3 学习教程,从入门到精通,使用 VSCode 开发 Vue3 的详细指南(3)
前端·javascript·vue.js·学习·前端框架·vue·vue3
pay4fun3 小时前
2048-控制台版本
c++·学习
知识分享小能手4 小时前
Bootstrap 5学习教程,从入门到精通,Bootstrap 5 表单验证语法知识点及案例代码(34)
前端·javascript·学习·typescript·bootstrap·html·css3
__water4 小时前
RHA《Unity兼容AndroidStudio打Apk包》
android·unity·jdk·游戏引擎·sdk·打包·androidstudio
巴伦是只猫4 小时前
【机器学习笔记 Ⅲ】4 特征选择
人工智能·笔记·机器学习
不爱说话的采儿5 小时前
UE5详细保姆教程(第四章)
笔记·ue5·游戏引擎·课程设计
weixin_418813875 小时前
Python-可视化学习笔记
笔记·python·学习
Haoea!5 小时前
Flink-05学习 接上节,将FlinkJedisPoolConfig 从Kafka写入Redis
学习·flink·kafka