Skip to content

3.4 嵌入组件:图形与状态 ​

这四个组件都在组件库「基本组件 → 嵌入」子分组下,用来做画面的图形底子和状态表现。

3.4.1 图片 ​

用途:显示位图,可叠加文字。

属性说明类型
图片背景图片图片选择
文本叠加在图上的文字字符串

常用玩法:配合「显示事件 → 图片切换」,用一个数据点在两张图之间切换(例如阀门开/关的两张实拍图)。

3.4.2 矢量图 ​

用途:显示 SVG 矢量图,缩放不失真,而且颜色可以被数据点驱动。

属性说明类型
SVG矢量图内容图片选择 / 图片库拖入
填充颜色图元颜色颜色

图片库标签页里拖出来的图元就是矢量图组件。配合「显示事件 → 背景色」,一个泵的图标就能随运行状态变绿变灰。

TIP

选中矢量图时右侧不会出现「通用属性」标签页。SVG 使用独立的样式体系,只有「控件」页。

3.4.3 流动管道 ​

用途:带流动动画的管道,用来表现介质走向。

属性说明类型
绑定数据控制流动的数据点数据点
流动颜色流动粒子颜色颜色
背景颜色管道底色颜色
方向流动方向(正 / 反 / 停)选择

配合「控件 → 动态管线」,用数据点的值控制流向:正值正流、负值反流、0 停止。

3.4.4 天气 ​

用途:显示指定城市的实时天气。

属性说明类型
城市城市名称字符串
更新间隔刷新频率(分钟)数字

显示内容:温度、湿度、天气状况、风向风力。


LPPLC 工业物联网云平台 · 软硬件与云平台全栈自研