跳到主要内容

基础组件

基础组件用于界面中的静态内容展示和布局，包括文本、形状、图片、图标和日期时间五种类型。

文本​

用于在画布上显示固定文字或动态数据。

典型场景： 设备名称标注、实时数值显示（如温度、压力）、状态文字提示。

用法：

  • 在属性面板中直接输入文本内容
  • 通过表达式绑定数据点，实现动态数值显示（如 ${temperature}）
  • 可配置字体大小、颜色、粗细和对齐方式
  • 预览模式下支持文字滚动（跑马灯）效果

文本

形状​

提供矢量图形，用于面板背景、装饰区域、流程节点等布局场景。

典型场景： 面板分区背景、设备轮廓绘制、流程图节点、带箭头的指示框。

用法：

  • 支持矩形、圆形、三角形、四边形、带箭头矩形五种图形
  • 可设置填充颜色或渐变色，配置边框样式和阴影
  • 矢量图形支持独立的边缘调节和圆角控制
  • 形状内可叠加文字标注

形状

图片​

在画布上展示图片资源。

典型场景： 设备照片展示、Logo 显示、工艺流程图示、自定义装饰图。

用法：

  • 从图库选择图片
  • 设置缩放模式：覆盖（裁剪填满）、包含（完整显示留白）、填充（拉伸填满）
  • 支持旋转和水平/垂直翻转

图片

图标​

从内置矢量图标库中选择图标，适用于简洁的图形指示。

典型场景： 设备运行状态指示（运行/停止/报警）、操作按钮图标、导航标识。

用法：

  • 在属性面板的图标选择器中浏览并选择图标
  • 可调整图标大小和颜色
  • 支持通过数据点表达式动态切换图标，实现状态联动

图标

日期时间​

实时显示当前系统日期和时间。

典型场景： 画面时钟显示、运行日志时间戳。

用法：

  • 选择日期时间格式预设（如 yyyy-MM-dd HH:mm:ss、仅日期、仅时间等）
  • 支持日期与时间换行或同行显示
  • 组件每秒自动刷新，无需绑定数据点

图片