跳到主要内容

基础组件

组件简介

基础组件用于构建HMI应用页面的基础信息内容,如构建页面布局,标题,图片等。

以下是各基础组件的应用说明:

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

组件使用示例

文本

文本组件的设置,详细见组件通用设置

线段

可设置线段样式,颜色,添加线段端点样式。

矩形 / 圆形 / 三角形

基础的几何图形组件可以设置背景颜色、线框颜色、线宽。

日期时间

可设置基本文本样式,支持多种时间日期格式。