外观
UI 编辑器入门
UI 编辑器用于在 3D 场景上叠加按钮、文字、图片、筛选控件、指标卡、图表和数据表格。UI 可以展示信息,也可以驱动对象、相机、材质或 Graph 流程。
编辑模式与运行模式
- 编辑模式:添加、选择、移动和配置控件;
- 运行模式:以最终用户方式点击、选择并查看数据。
制作完成后必须进入运行模式测试。编辑模式中的选框和辅助信息不会出现在最终体验中。
添加控件
- 打开编辑器的 UI 控件区域。
- 选择按钮、文字、面板、图表等控件。
- 在画布中选中新增控件。
- 从属性面板调整内容、位置、尺寸和样式。
- 需要交互时配置动作。
- 需要动态数据时配置数据绑定。
通用属性
大多数控件都具有:
| 属性 | 说明 |
|---|---|
| 名称 | 编辑时识别控件,建议保持唯一且有意义 |
| 文本 / 标签 | 用户看到的主要文字 |
| 位置 | 控件在界面中的坐标 |
| 尺寸 | 宽度和高度 |
| 颜色 | 强调色或控件主色 |
| 文字颜色 | 内容文字颜色 |
| 背景颜色 | 控件背景 |
| 文字大小 | 字号 |
| 可见 | 初始是否显示 |
| 动作 | 点击或值变化后执行的行为 |
布局原则
- 3D 场景是主体,UI 不应遮挡关键对象;
- 顶部适合项目名称和全局状态;
- 两侧适合筛选、图例和对象详情;
- 底部适合时间、播放和主要操作;
- 手机和小屏幕上减少同时显示的控件;
- 同类信息使用一致的间距、颜色和字号。
控件、数据和动作
text
数据绑定 → 控件显示
用户操作 → 控件动作 → 场景 / 相机 / Graph例如,滑块可以控制模型透明度;颜色选择器可以改变材质颜色;记录列表可以选择设备并让相机移动到对应位置。