【解决】修改 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 组件构建射线触发交互组件的可能。

相关推荐
SmalBox13 小时前
【光照】[漫反射diffuse]以UnityURP为例
unity·渲染
SmalBox1 天前
【光照】[自发光Emission]以UnityURP为例
unity·渲染
SmalBox3 天前
【光照】Unity中的[经验模型]
unity·渲染
萘柰奈3 天前
Unity学习----【进阶】TextMeshPro学习(三)--进阶知识点(TMP基础设置,材质球相关,两个辅助工具类)
学习·unity
Yasin Chen3 天前
Unity UI坐标说明
ui·unity
陈言必行3 天前
Unity 性能优化 之 编辑器创建资源优化( 工作流 | 场景 | 预制体)
unity·编辑器·游戏引擎
1uther3 天前
Unity核心概念⑨:Screen
开发语言·游戏·unity·c#·游戏引擎
死也不注释3 天前
【Unity UGUI 交互组件——Slider(7)】
unity·游戏引擎·交互
程序猿多布3 天前
XLua教程之热补丁技术
unity·c#·lua·xlua
SmalBox4 天前
【光照】Unity中的[光照模型]概念辨析
unity·渲染