QProgressBar部件提供了一个水平或垂直进度条，进度条用于给用户操作一个进度指示，并向它们说明应用程序仍在运行。
说明
可以通过setRange()来设置进度的最小值和最大值（取值范围），也可使用setMinimum()和setMaximum()来单独设定；成员函数setValue()用于设置当前的运行值；调用reset()则会让进度条重新回到开始。
当前值设置完成以后，将显示已完成的百分比，计算百分比的公式为：(value() - minimum()) / (maximum() - minimum())。
如果最小值和最大值都设置为0，进度条会显示一个繁忙指示，而不会显示当前值。有时候这很有用，例如：当使用QNetworkAccessManager下载东西，无法确定被下载项大小时。可以通过setOrientation()指定进度条的方向 - 水平/垂直。成员函数setInvertedAppearance()用于设置进度条的行进方向，如果参数为true，可将进度方向设置为默认方向的反方向。如果不需要显示进度条上的文本，可以使用setTextVisible()来隐藏。
读取方向：
1 | 枚举 QProgressBar::Direction |
指定垂直进度条文本的读取方向。
这个属性对水平进度条没有影响。默认情况下，读取方向为：QProgressBar::TopToBottom。
进度方向:
当水平显示进度时，可以从左到右，也可以从右到左；同样，垂直显示进度时，可以从上到下，也可以从下到上。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | QProgressBar *pProgressBar = new QProgressBar(this); pProgressBar->move(100,60); pProgressBar->setOrientation(Qt::Horizontal); // 水平方向 pProgressBar->setMinimum(0); // 最小值 pProgressBar->setMaximum(100); // 最大值 pProgressBar->setValue(50); // 当前进度 QProgressBar *pProgressBar2 = new QProgressBar(this); pProgressBar2->move(100,100); pProgressBar2->setOrientation(Qt::Horizontal); // 水平方向 pProgressBar2->setMinimum(0); // 最小值 pProgressBar2->setMaximum(100); // 最大值 pProgressBar2->setValue(50); // 当前进度 pProgressBar2->setInvertedAppearance(true); // 反方向 |
文本显示:
setFormat()用于生成当前文本字符串。
1 2 3 4 | %p - 被完成百分比所取代 %v - 被当前值所取代 %m - 被总步数所取代 默认值是 “%p%”。 |
1 2 3 4 5 6 7 8 9 10 | QProgressBar *pProgressBar3 = new QProgressBar(this); pProgressBar3->setGeometry(100,140,120,20); pProgressBar3->setOrientation(Qt::Horizontal); // 水平方向 pProgressBar3->setMinimum(0); // 最小值 pProgressBar3->setMaximum(4800); // 最大值 pProgressBar3->setValue(2000); // 当前进度 double dProgress = (pProgressBar3->value() - pProgressBar3->minimum()) * 100.0 / (pProgressBar3->maximum() - pProgressBar3->minimum()); pProgressBar3->setFormat(QString::fromLocal8Bit("当前进度为：%1%").arg(QString::number(dProgress, 'f', 1))); pProgressBar3->setAlignment(Qt::AlignRight | Qt::AlignVCenter); // 对齐方式 |
如果要显示百分比，可以直接使用”%p%”（比如：41%），但是如果我们要精确显示（比如：41.7%），就得自己计算了，进度公式参考前面。通过setAlignment()，可以指定显示文本的对齐方式（也可通过QSS样式中的属性text-align来指定）。
繁忙指示：
如果最小值和最大值都设置为0，进度条会显示了一个繁忙指示，而不会显示当前的值。
1 2 3 4 5 | QProgressBar *pProgressBar4 = new QProgressBar(this); pProgressBar4->setGeometry(100,180,120,20); pProgressBar4->setOrientation(Qt::Horizontal); // 水平方向 pProgressBar4->setMinimum(0); // 最小值 pProgressBar4->setMaximum(0); // 最大值 |
初次之外可以引入样式表，修饰下外观
例如：
1 2 3 4 5 6 7 8 9 10 | QProgressBar{ border: none; color: white; text-align: center; background: rgb(68, 69, 73); } QProgressBar::chunk { border: none; background: rgb(0, 160, 230); } |
自定义进度条
基本上如果想实现更好的进度条效果，还需要绘图的帮助
核心代码：
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 | #include "radiusprogressbar.h" #include <QPainter> RadiusProgressBar::RadiusProgressBar(QWidget *parent) : QProgressBar(parent) { setMinimum(0); setMaximum(100); setValue(0); } void RadiusProgressBar::paintEvent(QPaintEvent *) { QPainter p(this); QRect rect = QRect(0, 0, width(), height()/2); QRect textRect = QRect(0, height()/2, width(), height()/2); const double k = (double)(value() - minimum()) / (maximum()-minimum()); int x = (int)(rect.width() * k); QRect fillRect = rect.adjusted(0, 0, x-rect.width(), 0); QString valueStr = QString("%1%").arg(QString::number(value())); QPixmap buttomMap = QPixmap(":/resource/radius_back.png"); QPixmap fillMap = QPixmap(":/resource/radius_front.png"); //画进度条 p.drawPixmap(rect, buttomMap); p.drawPixmap(fillRect, fillMap, fillRect); //画文字 QFont f = QFont("Microsoft YaHei", 15, QFont::Bold); p.setFont(f); p.setPen(QColor("#555555")); p.drawText(textRect, Qt::AlignCenter, valueStr); } |
作者：小Q_wang
链接：https://www.jianshu.com/p/fa8cf7391c0a
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。