《虚拟仿真实验脚本与策划》课件-四-4-知识点1：UI面板制作

矿井灾害应急救援（火灾）虚拟仿真实验UI面板制作目录01UI基本组件UI组件概述02工作任务验收检查本节内容的掌握程度Part1UI基本组件01UI基本组件Canvas■选中XROrigin下的MainCamera若想实现UI与镜头相对静止的状态保持UI始终在画面的中央，则需要将UI对象设置为相机的子物体镜头前方面板的制作01UI基本组件Canvas■同样，新建UI元素，引擎会自动生成Canvas和EventSystem，并将UI元素设置为Canvas的子物体，也可以完成画布新建新建UI元素添加Canvas01UI基本组件Canvas■设置Canvas的RenderMode为

WorldSpace当前项目是VR项目，为了保证UI正常显示，需要将Canvas的渲染模式设置为世界空间设置渲染模式01UI基本组件Canvas■RectTransform和Transform组件不同RectTransform矩形变换组件是专门用来控制UI元素的变化的。包括锚点、位置等参数RectTransform面板01UI基本组件Canvas■本项目中分为三层节点分别是：Normal、Popup、Fixed，分别代表UI中的普通类型，漂浮类型，固定位置三种类型UI设置渲染模式01UI基本组件EventSystem■搜索EventSystem，该对象是UI响应功能的一部分EventSystem是事件总管理器，VR里负责手柄射线交互、UI事件分发、焦点判定、点击拖拽悬停UI事件系统触发的基础01UI基本组件CanvasScaler■包括Dynamic和ReferencePixelsPerUnit两条参数，负责控制当前面板显示的清晰度CanvasScaler参数01UI基本组件CanvasGroup■点击Inspector面板底部的AddComponent添加组件，搜索输入“canvas”添加CanvasGroup在AddComponent中添加组件01UI基本组件CanvasGroup■CanvasGroup面板参数，其中包括Alpha等参数，可以控制该组面板透明度的变化。CanvasGroup参数面板01UI基本组件RectTransform■找到场景上的3D物体和2D物体。任意3D物体的Transform上的参数有Position、Rotation、Scale参数Transform参数面板01UI基本组件RectTransform■首页的RectTransform。首页为一张Image底图，铺满Canvas，作为面板，上添加一张Image作为背景图。Image的Source参数中的图片选择上图的内容首页组件01UI基本组件RectTransform■通过按下Alt和Shift键，设置UI元素的对齐方式。可以根据元素来信选择不同的位置和锚点位置对齐内容的九宫格Part2工作任务验收02工作任务验收工作内容1■在MainCamera下新建Canvas，并设置为WorldSpace。调整CanvasScaler等组件画布组件是显示UI元素的前提不同层级新建对应的空面板Panel，保