创建您自己的 HMI (Start your own HMI)(已弃用)

已弃用——realvirtual WEB 中无对应功能。 Unity uGUI HMI 面板/选项卡系统已弃用,且 不会导出到 realvirtual WEB。基于浏览器的 3D-HMI 不是由这些场景内面板构建的:realvirtual WEB 提供了自己的 HMI 框架(WebSensor、WebError、KPI 和消息面板,以及具有可配置插槽的 React 覆盖层/插件层)。请在浏览器 HMI 中构建,而不是移植此面板设置。

场景 EmtySceneHMI 仅由 HMI 组件组成,演示了标准 HMI 结构。它也可作为 Prefab HMI 使用,作为创建您自己 HMI 的基础。要整合 HMI prefab,请将其插入场景中并通过在相应内容游戏对象下添加或删除元素来自定义以满足您的需求。要进行这些修改,只需在层级中右键单击游戏对象并选择 Prefab/UnpackCompletly

Hierarchy 概览 HMI

示例场景包含两个 HMI 选项卡。

它们通过组织在单独面板中的选项卡按钮进行激活和停用。该面板是覆盖层并始终可见。

HMI 选项卡 1 - 详情

HMI-Tab1 展示了如何设置覆盖面板。游戏对象"Panel"使用"VerticalLayoutGroup"组件通过设置元素之间的内边距和间距来组织按钮。

要更改元素大小,请使用"RectTransform"组件的"Width"和"Height"参数。这对所有 HMI 元素都适用。

RectTransform 组件

HMI 选项卡 2 详情

HMI-Tab2 使用覆盖内容并包含世界空间中的元素。下面的 GIF 展示了在场景中导航时不同元素的外观:

渲染模式为 "Worldspace" 的行为 HMI 元素

覆盖内容始终保持在同一位置。它包含如何使用 下拉菜单 (Drop-Down-Menu)值显示 (Value Display) 的示例。

"WorldspaceContent"部分包含两个独立元素:HMI_MarkerHMI_Text。HMI_Text 以及 HMI_Value 会检查它们是否位于画布下。如果在父对象中未找到画布,则会自动添加"Canvas"组件并设置为"Worldspace"渲染模式。此功能目前仅适用于此 HMI 元素。对于其他 HMI 元素,您可以使用已包含画布组件的 HMI_PanelWorldSpace prefab。只需将此 prefab 放在"WorldspaceContent"下即可。后续的 HMI 元素添加在面板下。这种方法允许您在场景中创建用户面板。HMI Marker 不需要画布,因为它是 3D 对象。