【解决】修改 UI界面渲染层级 的常见误区

开发平台：Unity 2021版本
 

问题描述

---

Unity 中管理 UI 上显示元素的前后层级关系大致为以下两种方式：

• 方式一：修改UI元素队列顺序与层级
• 方式二：使用 Canvas 组件中的 Override Sort 属性配置

  方式二 对应复杂的 UI 层级关系将常被开发者应用，但同时可是最容易出现忽略的误区 —— 添加后其下的 Button\Toggle\Slider 的等组件不可用。

 

问题指出

---

  观察 Unity 默认创建UGUI的GameObject对象。一个 Canvas 对象由以下组件构成：

• RectTransform：管理 UI 在平面位置
• Canvas：管理 UI 渲染模式
• CanvasScaler：管理 UI 呈现分辨率
• Graphic Raycaster：管理 UI 内交互组件触发

解决方法

---

补充 Canvas 组件修改层级时，应当同时考虑添加 Graphic Raycaster 组件构建射线触发交互组件的可能。