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

相关推荐
scott.cgi2 小时前
Unity使用AndroidX获取,导航栏与虚拟键盘的高度
unity·androidx·keyboard·导航栏高度·虚拟键盘高度·判断键盘关闭·获取虚拟键盘高度
丁小未4 小时前
Unity车机地图Tile流式渲染系统高性能架构方案
unity·架构·ecs·dots·车机系统·车机系统架构图
LONGZETECH8 小时前
工业实训仿真设计实践:电机拆装软件的 DAG 流程建模、工具精度分级与数据体系搭建
大数据·算法·unity·架构·汽车
派葛穆1 天前
Unity-UI 按钮点击弹窗功能
unity·游戏引擎
toponad1 天前
Unity Ads Bidding 现已正式加入TopOn 聚合平台
unity·topon
unityのkiven1 天前
Unity UGUI 实战:动态生成任务面板
unity·游戏引擎
郝学胜-神的一滴1 天前
中级OpenGL教程 026:Assimp库从编译到实战全攻略
c++·unity·游戏引擎·图形渲染·unreal engine·opengl
凯尔3152 天前
Unity简单涂料实现
unity·游戏引擎·图形渲染
刘步权2 天前
KY-RTI分布仿真技术:第十三章 基于Unity的多语言三维态势仿真——以 Island Assault(夺岛突击)想定为例
unity·游戏引擎·仿真·态势·ky-rti·hla·rti
ellis19702 天前
C#/Unity清理非托管资源
unity·c#