• 🍅 我是蚂蚁小兵，专注于车载诊断领域，尤其擅长于对CANoe工具的使用
  
  
• 🍅 寻找组织 ，答疑解惑，摸鱼聊天，博客源码，点击加入👉【相亲相爱一家人】
  
  
• 🍅 零基础学习CANoe Panel设计目录汇总，点击跳转👉

---

📘前言

• 🍅 进度条（Progress Bar）条，任何UI设计工具都有的，下面我简单写一个刷写服务来演示下进度条的使用

• 🍅 演示软硬件环境 Windows11 x64 ； CANoe 11 SP2 x64
  

---

📙 进度条（Progress Bar）

1️⃣ 下面我拉了三个控件 Button ,Input/Output box ,Progress Bar 来模拟下载服务

• Button：开始下载
• Input/Output box：下载进度描述，属性设置透明额，所以截图看不到
• Progress Bar ：下载进度百分比

---

2️⃣ 因为目的在于演示进度条的使用，所以这里简单模拟的下载过程，这里定义一个定时器，加到100，模拟刷写的进度。

/*@!Encoding:936*/
variables
{
  msTimer timer_demo;
  char  tempText[0x500];
  int step_counter;

}

on timer timer_demo
{
    step_counter = step_counter +1 ;

    snprintf(tempText,elCount(tempText),"Downloading %.2f%%......",(double)step_counter);
    sysSetVariableString (sysvar::Panel::ProgressBar_Log,tempText);
    sysSetVariableFloat(sysvar::Panel::ProgressBar_Self,(double)step_counter);
 
    if (step_counter < 100)
        setTimer(timer_demo,100);

}

on sysvar Panel::ProgressBar_Start
{
  if(@this)
  {
    snprintf(tempText,elCount(tempText),"Satrt Downloading......");
    sysSetVariableString (sysvar::Panel::ProgressBar_Log,tempText);
    StartDownload();
  }
}


void StartDownload()
{
   step_counter = 0;
   setTimer(timer_demo,1000);  
}

/*以上代码时Editor控件演示代码*/

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

---

3️⃣ Run起CANoe,测试过程如下：

---

📙 属性设置

上面的示例，我并没有做任何的属性设置，完全时默认的

1️⃣ 隐藏进度条本身的文本

• 大多数我们并不用它，会使用前面示例的那样，所以都是先择把它隐藏掉

---

2️⃣ 进度条方向

• 可以选择垂直或者水平进度条

---

3️⃣ 文本小数点位数

• 如果你不设置隐藏文本，那么设置才有意义。

---

📙 怎么把进度条设计的花里胡哨

1️⃣ 看下图，默认Style 属性事 Windows Style的，进度条的颜色和背景色都是灰的，不可设置，所以我们要设计好看的进度条，就要改下Style属性

---

2️⃣ 下面我选择 Classic Style With Frame 模式，并把进度条的背景色设置成浅黄，进度条设置成正黄，如下图

---

3️⃣ 运行效果图

---

4️⃣ 里程表样式（Level Meter Style）（可选了解）

• 只有Style属性选择其Level Meter Style，Level Meter setting 里面的属性才可以被设置，就是进度条最前面加了一条可选择颜色的竖线。

🌎总结

• 🍅 有需要演示中所用demo工程的，可以关注下方公众号网盘自取啦，感谢阅读。
  
  

• 🚩要有最朴素的生活，最遥远的梦想，即使明天天寒地冻，路遥马亡！
  
  
• 🚩如果这篇博客对你有帮助，请 “点赞” “评论”“收藏”一键三连 哦！码字不易，大家的支持就是我坚持下去的动力。