Skip to content

UI 编辑器入门

UI 编辑器用于在 3D 场景上叠加按钮、文字、图片、筛选控件、指标卡、图表和数据表格。UI 可以展示信息,也可以驱动对象、相机、材质或 Graph 流程。

编辑模式与运行模式

  • 编辑模式:添加、选择、移动和配置控件;
  • 运行模式:以最终用户方式点击、选择并查看数据。

制作完成后必须进入运行模式测试。编辑模式中的选框和辅助信息不会出现在最终体验中。

添加控件

  1. 打开编辑器的 UI 控件区域。
  2. 选择按钮、文字、面板、图表等控件。
  3. 在画布中选中新增控件。
  4. 从属性面板调整内容、位置、尺寸和样式。
  5. 需要交互时配置动作。
  6. 需要动态数据时配置数据绑定。

通用属性

大多数控件都具有:

属性说明
名称编辑时识别控件,建议保持唯一且有意义
文本 / 标签用户看到的主要文字
位置控件在界面中的坐标
尺寸宽度和高度
颜色强调色或控件主色
文字颜色内容文字颜色
背景颜色控件背景
文字大小字号
可见初始是否显示
动作点击或值变化后执行的行为

布局原则

  • 3D 场景是主体,UI 不应遮挡关键对象;
  • 顶部适合项目名称和全局状态;
  • 两侧适合筛选、图例和对象详情;
  • 底部适合时间、播放和主要操作;
  • 手机和小屏幕上减少同时显示的控件;
  • 同类信息使用一致的间距、颜色和字号。

控件、数据和动作

text
数据绑定 → 控件显示
用户操作 → 控件动作 → 场景 / 相机 / Graph

例如,滑块可以控制模型透明度;颜色选择器可以改变材质颜色;记录列表可以选择设备并让相机移动到对应位置。

继续查看 UI 组件参考数据绑定与动作

让 3D 内容更容易创建、管理、展示与交付。