《虚拟现实脚本与策划》教案-四-4-知识点1：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组件的使用。控制面板逻辑的数据结构的设计和使用。操作步骤职业知识UI基本组件Canvas步骤1：新建Canvas(1)选中XROrigin下的MainCamera，若想实现UI与镜头相对静止的状态保持UI始终在画面的中央，则需要将UI对象设置为相机的子物体。(2)或新建UI元素，引擎会自动生成Canvas和EventSystem，并将UI元素设置为Canvas的子物体。步骤2：RenderMode参数设置Canvas的RenderMode为WorldSpace。当前项目是VR项目，为了保证UI正常显示，需要将Canvas的渲染模式设置为世界空间。RectTransform，和Transform组件不同，RectTransform矩形变换组件是专门用来控制UI元素的变化的。包括锚点、位置等参数。UI层级本项目中分为三层节点分别是：Normal、Popup、Fixed，分别代表UI中的普通类型，漂浮类型，固定位置三种类型UI。这是UnityUI开发中最经典、最常用的分层方案，核心目的是管理UI显示的层级、渲染顺序等，避免UI混乱、遮挡错误、点击穿透等问题。Fixed层的UI是固定在特定位置的，不会被遮挡的。如本项目中的机器人和机器人显示/隐藏的按钮。Popup层的UI是弹出的，如提示和详细信息面板。Normal层的UI是主要业务界面，是普通的界面层。EventSystem(1)搜索EventSystem，该对象是UI响应功能的一部分，若没有EventSystem，则用户无法与UI产生交互。在新建UI元素时自动创建。(2)EventSystem的作用EventSystem是UGUI事件总管理器，VR里负责手柄射线交互、UI事件分发、焦点判定、点击拖拽悬停。CanvasScaler包括Dynamic和ReferencePixelsPerUnit两条参数，负责控制当前面板显示的清晰度。CanvasGroup点击Inspector面板底部的AddComponent添加组件，搜索输入“canvas”添加CanvasGroupCanvasGroup面板参数，其中包括Alpha等参数，可以控制该组面板透明度的变化。(3)删除该组件RectTransform和Transform的区别步骤1：找到场景中3D物体和2D物体该物体Transform上的参数有Position、Rotation、Scale(2)找到首页的RectTransform，首页为一张Image底图，铺满Canvas，作为面板，上添加一张Image作为背景图。Image的Source参数中的图片选择上图的内容。RectTransform参数步骤1：Pivot和Position可以通过按下Alt和Shift键，设置UI元素的对齐方式。可以根据元素来信选择不同的位置和锚点位置。工作任务验收步骤1：在MainCamera下新建Canvas，并设置为WorldSpace。调整CanvasScaler等组件。步骤2：新建面板的三层节点Normal、Popup、Fixed并设置合理的RectTransform参数。步骤3：在不同层级新建对应的空面板Panel，保证结构合理。知识点1：Canvas和EventSystem若UI元素不在Canvas上，则看不到UI元素。若没有添加EventSystem则无法进行事件响应。知识点2：