1、Unity UI 初探：什么是UGUI？Canvas画布核心概念、Render Mode三种渲染模式深度解析
1.1 什么是UGUI？—— 从“手写代码”到“可视化搭建”
先聊聊UGUI是什么。说白了，它就是Unity官方提供的一套UI系统，全称叫Unity UI。在它出现之前，做UI可没这么轻松。我记得刚入行那会儿，做UI还得用第三方插件，或者干脆用GUI函数手写布局——那叫一个痛苦。
UGUI最大的特点是什么？可视化、组件化、事件驱动。你不需要写一堆坐标计算代码，直接在场景里拖拽、调整，就能搭出一个界面。我常说，UGUI让UI开发的门槛降了一大截。
它的核心组件包括：
- Canvas（画布）—— 所有UI元素的“容器”
- Rect Transform（矩形变换）—— 替代了普通的Transform，专门处理UI的定位和大小
- Graphic（图形基类）—— Image、Text、RawImage等都继承自它
- Event System（事件系统）—— 处理点击、拖拽、悬停等交互
你想想看，一个按钮，在UGUI里就是一个GameObject，挂上Image组件显示背景，挂上Button组件处理点击。就这么简单。
1.2 Canvas画布——所有UI的“家”
Canvas是UGUI里最重要的概念，没有之一。所有UI元素，必须是Canvas的子对象才能被渲染出来。你可以把Canvas想象成一张画布，你往上贴按钮、贴图片，最终呈现给玩家看。
创建Canvas很简单：在Hierarchy里右键 -> UI -> Canvas。Unity会自动帮你创建一个Canvas对象，同时还会附带一个EventSystem。嗯，这里要注意，EventSystem别删，删了UI就没法响应点击了。
Canvas有几个关键属性：
- Render Mode（渲染模式）—— 这个我们下面重点讲
- Pixel Perfect（像素完美）—— 开启后UI边缘更清晰，但会消耗一点性能
- Sort Order（排序层级）—— 多个Canvas叠加时，控制谁在前谁在后
- World Camera（世界相机）—— 只有Render Mode设为World Space时才需要
我个人习惯，在项目一开始就规划好Canvas的数量和层级。比如一个Canvas专门放HUD，一个放菜单，一个放加载界面。这样后期管理起来特别清爽。
1.3 Render Mode三种渲染模式深度解析
Render Mode是Canvas最核心的设置。它决定了你的UI怎么被渲染到屏幕上。一共三种模式，我一个个说。
1.3.1 Screen Space - Overlay（屏幕空间-覆盖模式）
这是默认模式，也是最常用的。UI直接覆盖在屏幕上，跟3D场景没关系。说白了，UI永远在最前面，不会被任何3D物体遮挡。
特点：
- UI始终显示在屏幕最上层
- 不需要指定Camera
- 性能最好，因为不需要做深度测试
- UI坐标基于屏幕像素
适用场景：主菜单、设置界面、加载界面、HUD（血条、分数等）。
我在项目中遇到过一个问题：用Overlay模式做HUD时，如果屏幕分辨率变了，UI可能会错位。后来发现是锚点没设置好。所以记住：Overlay模式下，锚点设置特别重要。
1.3.2 Screen Space - Camera（屏幕空间-相机模式）
这种模式下，UI还是铺在屏幕上，但它是通过一个指定的相机来渲染的。你可以理解为：UI被放在相机前面的一块“虚拟画布”上。
特点：
- 需要指定一个Camera（通常用主相机）
- UI可以受相机影响，比如做景深效果、后期特效
- 可以设置Plane Distance（平面距离），控制UI离相机多远
- UI可以被3D物体遮挡（如果距离设置得当）
适用场景：需要跟3D场景交互的UI，比如瞄准镜、对话气泡、或者想让UI有点“立体感”的时候。
你想想看，如果你做一个第一人称射击游戏，瞄准镜用Camera模式，就可以跟场景的景深效果融合在一起，看起来更真实。
1.3.3 World Space（世界空间模式）
这个模式最特别。UI不再是“贴在屏幕上”，而是像3D物体一样放在场景里。你可以旋转、缩放、移动它，甚至让它跟其他3D物体产生遮挡关系。
特点：
- UI是一个3D物体，存在于世界坐标中
- 需要指定Event Camera来处理交互
- UI大小受距离影响（离相机远就小）
- 可以做很酷的效果，比如漂浮的对话框、3D菜单
适用场景：VR/AR应用、NPC头顶的名字、3D世界里的交互面板、或者你想让UI“嵌入”场景中。
1.4 三种模式对比总结
| 模式 | 渲染位置 | 是否需要Camera | 性能 | 典型用途 |
|---|---|---|---|---|
| Overlay | 屏幕最上层 | 否 | 最高 | 菜单、HUD、加载界面 |
| Camera | 相机前方平面 | 是 | 中等 | 瞄准镜、对话气泡、特效UI |
| World Space | 3D场景中 | 是（Event Camera） | 较低 | VR/AR、3D交互面板、NPC标签 |
1.5 我的选择建议
刚开始学，我建议你先用Overlay模式。它最简单、最直观，也最不容易出错。等你把锚点、布局、事件这些基础搞熟了，再尝试Camera模式和World Space模式。
我见过不少新手，一上来就玩World Space，结果UI要么看不见，要么点不到，最后跑来问我“为什么我的按钮没反应”。其实不是按钮坏了，是模式没选对。
记住一句话：Overlay做界面，Camera做特效，World Space做沉浸。选对了模式，你的UI开发就成功了一半。
好了，这一章就到这里。下一章我们会深入Rect Transform，聊聊锚点、轴心、以及怎么让UI自适应各种屏幕。嗯，那才是真正考验UI功底的地方。