主题
3.4 嵌入组件:图形与状态
这四个组件都在组件库「基本组件 → 嵌入」子分组下,用来做画面的图形底子和状态表现。
3.4.1 图片
用途:显示位图,可叠加文字。
| 属性 | 说明 | 类型 |
|---|---|---|
| 图片 | 背景图片 | 图片选择 |
| 文本 | 叠加在图上的文字 | 字符串 |
常用玩法:配合「显示事件 → 图片切换」,用一个数据点在两张图之间切换(例如阀门开/关的两张实拍图)。
3.4.2 矢量图
用途:显示 SVG 矢量图,缩放不失真,而且颜色可以被数据点驱动。
| 属性 | 说明 | 类型 |
|---|---|---|
| SVG | 矢量图内容 | 图片选择 / 图片库拖入 |
| 填充颜色 | 图元颜色 | 颜色 |
图片库标签页里拖出来的图元就是矢量图组件。配合「显示事件 → 背景色」,一个泵的图标就能随运行状态变绿变灰。
TIP
选中矢量图时右侧不会出现「通用属性」标签页。SVG 使用独立的样式体系,只有「控件」页。
3.4.3 流动管道
用途:带流动动画的管道,用来表现介质走向。
| 属性 | 说明 | 类型 |
|---|---|---|
| 绑定数据 | 控制流动的数据点 | 数据点 |
| 流动颜色 | 流动粒子颜色 | 颜色 |
| 背景颜色 | 管道底色 | 颜色 |
| 方向 | 流动方向(正 / 反 / 停) | 选择 |
配合「控件 → 动态管线」,用数据点的值控制流向:正值正流、负值反流、0 停止。
3.4.4 天气
用途:显示指定城市的实时天气。
| 属性 | 说明 | 类型 |
|---|---|---|
| 城市 | 城市名称 | 字符串 |
| 更新间隔 | 刷新频率(分钟) | 数字 |
显示内容:温度、湿度、天气状况、风向风力。