Unity UGUI原理剖析

UI最重要的两部分

  1. UI是如何渲染出来的
  2. 点击事件如何触发
  3. 何时发生UI重绘

1:UI如何渲染出来的

UI渲染一定是有顶点的,没有顶点就没法确定贴图的采样,UGUI的顶点在一张Mesh上创建,经过渲染管线UI就渲染到屏幕上了,UI的渲染和3D模型的渲染本质上是没有区别的。

2:点击事件如何触发

UGUI里有个很重要的组件,EventSystem,还有一个非常重要的函数RaycastAll(),主要是获取目标。这个方法会首先获取所有的BaseRaycast对象,调用其Raycast方法,然后对最后得到的结果进行排序(大部分情况下按深度进行排序,也有一些情况下会使用距离、排序顺序)

所以结论就是UGUI的事件触发是通过射线实现的。

3:何时发生UI重绘

主动重绘

Rebuild方法是暴露出来的,但重绘的前提是有顶点数据或者材质球发生了变化才会发生重绘。如果你不想下一帧重绘,则可以主动调用,我目前没见过有主动调用的需求。

被动Tick重绘

被动重绘就很好理解了,因为UGUI的底层是每一帧都会检查是否有脏数据,如果有脏数据则会重新组装网格,并进入渲染流程。

相关推荐
Amd7941 小时前
Nuxt.js 应用中的 webpack:progress 事件钩子
ui·webpack·控制台·nuxt·构建·进度·钩子
tealcwu2 小时前
【Unity踩坑】Unity中父对象是非均匀缩放时出现倾斜或剪切现象
unity·游戏引擎
你疯了抱抱我6 小时前
【VRChat 改模】开发环境搭建:VCC、VRChat SDK、Unity 等环境配置
unity·游戏引擎·vr·vrchat
沉浮yu大海16 小时前
Vue.js 组件开发:构建可重用且高效的 UI 块
前端·vue.js·ui
Amd7941 天前
Nuxt.js 应用中的 webpack:done 事件钩子
ui·webpack·编译·nuxt.js·加载·清理·钩子
开心羊咩咩1 天前
element-ui 中el-calendar 日历插件获取显示的第一天和最后一天【原创】
java·javascript·ui
白水4651 天前
对于某些原型或UI软件的个人看法(2024/11)
学习·ui·产品经理·个人开发·墨刀
Python图像识别-11 天前
基于yolov8、yolov5的智能零售柜商品检测识别系统(含UI界面、训练好的模型、Python代码、数据集)
yolo·ui·零售
峰度偏偏1 天前
【适配】屏幕拖拽-滑动手感在不同分辨率下的机型适配
算法·游戏·unity·ue5·ue4·godot