《虚拟现实脚本与策划》教案-四-4-知识点2：UI逻辑制作

任务4主要UI面板制作任务描述适配岗位与职责使用Unity中的UI功能，制作项目中的各种面板，包括：提示面板、信息面板、小地图。使用代码制作不同面板之间的跳转逻辑，使用UI组件制作自动布局。UI界面是项目交互组成中重要的一环。岗位：VR开发工程师职责：VR项目开发学习目标知识目标：熟练Canvas、RectTransform等组件的作用和参数的调整。了解EventSystem事件系统在响应面板过程中的作用。了解面板分类，将面板合理分类划分层级进行管理。认识布局组件和自适应组件的参数并能熟练调整。能力目标：能熟练使用UI控件制作可交互的UI面板。能熟练编写UI逻辑，控制面板显示和隐藏，控制新面板加载。能熟练使用水平/垂直布局组件分配元素位置。素质目标：具备审美素养，能选择合理的UI元素，保持项目整体UI的协调性和UI风格一致性。了解其他加载资源的方式，如AB包等提升项目性能。学习重难点重点：Canvas和EventSystem等静态组件的使用。Button、Image、ScrollView等核心控件的使用。面板布局组件如Horizontal/VerticalLayoutGroup的使用。难点：ContentSizeFilter组件的使用。控制面板逻辑的数据结构的设计和使用。操作步骤职业知识UIManager的使用UI层级管理字典步骤1：字典元素添加和使用(1)打开UIManager，该面板控制不同层级的面板存储、显示、隐藏等，是UI系统管理代码的核心类。(2)将UI层级中的面板Add层级字典中，声明字典存储面板对象，使用Add方法添加到字典中。方便后续取用不同的面板。(3)Fixed层级下面板的使用，以“提示”面板为例，可以使用ShowTiShi方法对面板进行激活，从而显示该面板。(4)关闭Fixed弹窗，通过foreach循环遍历面板字典，关闭所有在Fixed层级下的面板。通过该方法关闭面板避免多个面板重复，出现堆叠。步骤2：右下角提示的使用找到代码中提示的名称，在UIManager代码中搜索fixedDic找到提示面板使用相关的内容，在380行前后。在场景中搜索“提示面板”位于MainCamera-Canvas-Fixed-提示下，场景中的位置在面板的右下角。激活提示面板，点击Inspector窗口上的名称左侧小正方形，出现对勾则面板激活成功，无对勾时对象失活。提示内容填充，位于UIManager脚本第387行使用GetComponent方法获取Image-Tip对象，使“=”对提示内容进行赋值。在其他步骤中使用UIManager关闭Popup窗口，在UIManager脚本中使用CloseAllPopWindow方法对面板进行控制，使用foreach对pop层级的面板进行遍历设置为失活状态。打开普通界面，在UIManager脚本中定位到434行，使用OpenNormalWindow方法激活普通层级下的面板对象。在激活前调用关闭方法关闭全部该层级下的面板，然后根据面板名称开启对应的面板。通过UIManager显示面板，为了保证程序健壮性，所有面板都会在开启前将对应层级下的面板全部关闭然后再打开指定面板。在实验步骤中实验UIManager调用面板，在HuoZaiController中搜索“UIManager”定位到脚本200行左右，找到ClickHuozaiBtn。在该方法中，使用Ui管理的单例类获取对象实例。通过字典获取面板，赋予内容显示在面板上。工作任务验收步骤1：阅读UIManager脚本，理解脚本结构和方法内容。步骤2：学会调用UIManager中不同层级面板，学会如何使用UIManager控制面板的显示/隐藏。步骤3：修改面板名称，根据实际的名称完