Skip to content

圆形进度条

圆形进度条

用圆弧(环形)表示进度,适合电量、完成度、圆形仪表式进度等界面。

用途

圆形进度条把变量值在 起始值~终止值 之间映射到 起始角度~终止角度 的圆弧填充。MCU 通过 0x82 写变量即可更新进度。可配置厚度、顺/逆时针、纯色或图标前景/背景。

典型用法

  1. 拖入「圆形进度条」,调整区域为正圆或合适椭圆外接框
  2. 设置 变量存储地址起始值 / 终止值起始角度 / 终止角度
  3. 配置厚度、进度方向,以及前景/背景类型(纯色或图标)
  4. 下载后,MCU 写入介于起止之间的数值刷新圆弧

圆形进度条属性设置面板

关键属性

属性说明
变量存储地址(0x)进度变量;0x82 刷新
初始值上电进度值
变量模式整型 / 高字节 / 低字节
起始值 / 终止值分别对应圆弧起点与终点进度
起始角度 / 终止角度单位 1°,范围约 0~360
进度条厚度圆弧线宽
进度方向顺时针 / 逆时针
背景类型 / 前景类型不显示 / 单色 / 图标
边缘圆角是否使用圆角端点

完整属性以 VGUS Next 属性面板为准。

注意事项

注意

  • ⚠️ 变量与圆弧角度等比映射,不是直接写角度值
  • ⚠️ 前景/背景选图标时,先选图标文件再选图标编号
  • ⚠️ 直线条形进度用 进度条;指针仪表用 旋转图标
  • 💡 描述指针 默认 FFFF;多数应用无需启用(见 描述指针

交互示例

下面是浏览器里的示意:变量映射到圆弧,不是直接写角度。外观与实机不完全一致,完整行为以下载后屏端为准。帧格式见 串口指令

相关内容