基础组件
组件简介
基础组件用于构建HMI应用页面的基础信息内容,如构建页面布局,标题,图片等。
以下是各基础组件的应用说明:
组件名 | 描述 | 应用场景 |
---|---|---|
文本 | 用于展示静态/动态文本内容,支持字体、字号、颜色等样式自定义 | 页面标题、状态说明、数据标签、动态数值展示 |
线段 | 绘制水平/垂直/斜向的直线,可自定义线宽、颜色和样式(实线/虚线) | 内容分隔线、流程图连接线、UI元素装饰线 |
矩形 | 可自定义填充色、边框样式的四边形图形 | 容器背景板、按钮基座、数据卡片容器 |
圆形 | 正圆形图形,支持填充色、边框样式配置 | 状态指示灯、图表元素、圆形按钮基底 |
三角形 | 等边三角形图形,可调整颜色和旋转角度 | 方向指示标志、警示标识、装饰性图形元素 |
图片 | 支持展示本地/网络图片资源,常见格式如PNG/JPG/SVG | 设备示意图、LOGO展示、背景图案、图标素材呈现 |
日期时间 | 动态显示系统时间,支持多种时间格式 | 系统时间展示 |
组件使用示例
文本
文本组件的设置,详细见组件通用设置
线段
可设置线段样式,颜色,添加线段端点样式。
矩形 / 圆形 / 三角形
基础的几何图形组件可以设置背景颜色、线框颜色、线宽。
日期时间
可设置基本文本样式,支持多种时间日期格式。