跳转到内容

面板(Panel)

什么是面板?

面板是一个灵活的拖拽式界面,提供一块空白画布,你可以在其上自由摆放与连接功能组件。就像拼搭乐高一样,你可以在面板中组合各类功能,构建自定义界面:

面板界面

面板能力

面板功能具备极高的灵活性,可用于快速搭建各类演示或测试平台:

  • 为用户创建带图形界面的转换工具
  • 为产线人员构建基于点击的简单测试流程
  • 将组件与 DBC/LDF 文件中的信号连接,使 UI 变化触发对应信号变化,参见 Database
  • 将组件绑定到用户自定义或系统变量,用于显示或修改其数值,参见 Variable
  • 还有更多等待探索!

面板特性

编辑功能

编辑界面由三个主要区域构成:

  1. 组件区:包含大量可直接使用的组件
  2. 面板区:用于摆放与布局组件
  3. 组件属性编辑器:用于设置组件属性,如信号绑定、变量绑定等

编辑界面

支持的组件

画布目前支持四大类组件:

  • 交互组件:按钮、输入框等用户交互元素
  • 子表单组件:提供特殊功能的组件
  • 展示组件:用于可视化呈现的元素
  • 布局组件:用于组织与构建界面结构

组件分类

后续更新将加入更多组件类型,例如用于模拟汽车仪表盘的指针表等。

运行展示功能

完成组件配置后,用户可在展示模式中查看并与其交互:

展示模式

面板示例

LED 控制面板示例