11. 进度条控件

用途：进度条控件是一种用于表示任务进度的控件。它通过动态变化显示任务的完成程度，使用户能够直观地看到任务的执行进度。

11.1. 属性

进度条属性

基础属性 : 参考控件概念- 基础属性

坐标属性 : 参考控件概念- 坐标属性

背景属性 : 参考控件概念- 背景属性

加载属性 : 参考控件概念- 加载属性

特有属性 :

进度条特有属性

  • 当前值(val) : 进度条当前值，范围：0-100(读写)

  • 方向(dir)：进度条变化方向，0-水平从左向右，垂直从下向上，1-水平从右向左，垂直从上向下（读写）

  • 圆角(rad)：圆角弧度百分比，范围：0-100（读写）

进度条方向说明

进度条的水平垂直方向由坐标属性中的 w 和 h 决定

  • 当 w > h ，进度条水平变化

  • 当 w < h ，进度条垂直变化

11.2. 事件

弹起事件： 控件按下且弹起后执行

按下事件： 控件按下后执行

11.3. 功能演示

点击下载演示工程


小技巧

把工程配置的启动页面(pid)改为当前页面ID可以立即显示此页面。


11.3.1. 进度条配合定时器控件实现自动循环增长

进度条控件demo

  • 功能：在纵轴和横轴上实现进度条的循环增长

  • 原理：

    • 使用定时器更新

      进度条和文本控件的值，实现进度自增和实时显示当前进度现象

      在 定时器事件 中编写以下脚本

       1// 进度条控件最大值为：100, 超过100系统默认改为100
 2if(bar0.val==100)  // 当进度值为100时，设为0
 3{
 4    bar0.val=0;
 5    bar1.val=0;
 6}
 7else
 8{
 9    bar0.val += 10; // 自增
10    bar1.val += 10; // 自增
11}
12covx(bar0.val,t0.txt.str,0 ,0);
13t0.txt.str += "%";

    • 添加按钮控件改变进度条增长方向

      1、在b1控件的 弹起事件 中编写以下脚本

      1bar0.dir = 0;  //设为水平从左向右，垂直从下向上
2bar1.dir = 0;

      2、在b3控件的 弹起事件 中编写以下脚本

      1bar0.dir = 1;  //水平从右向左，垂直从上向下
2bar1.dir = 1;