Qt 进度条QProgressBar |
您所在的位置：网站首页 › qt更新进度条 › Qt 进度条QProgressBar |
|
QProgressBar部件提供了一个水平或垂直进度条，进度条用于给用户操作一个进度指示，并向它们说明应用程序仍在运行。 说明可以通过setRange()来设置进度的最小值和最大值（取值范围），也可使用setMinimum()和setMaximum()来单独设定；成员函数setValue()用于设置当前的运行值；调用reset()则会让进度条重新回到开始。 当前值设置完成以后，将显示已完成的百分比，计算百分比的公式为：(value() - minimum()) / (maximum() - minimum())。 如果最小值和最大值都设置为0，进度条会显示一个繁忙指示，而不会显示当前值。有时候这很有用，例如：当使用QNetworkAccessManager下载东西，无法确定被下载项大小时。可以通过setOrientation()指定进度条的方向 - 水平/垂直。成员函数setInvertedAppearance()用于设置进度条的行进方向，如果参数为true，可将进度方向设置为默认方向的反方向。如果不需要显示进度条上的文本，可以使用setTextVisible()来隐藏。 读取方向： 枚举 QProgressBar::Direction指定垂直进度条文本的读取方向。 image.png这个属性对水平进度条没有影响。默认情况下，读取方向为：QProgressBar::TopToBottom。 进度方向: 当水平显示进度时，可以从左到右，也可以从右到左；同样，垂直显示进度时，可以从上到下，也可以从下到上。 进度方向设置.png 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()用于生成当前文本字符串。 %p - 被完成百分比所取代 %v - 被当前值所取代 %m - 被总步数所取代 默认值是 “%p%”。 文本显示进度条.png 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，进度条会显示了一个繁忙指示，而不会显示当前的值。 繁忙进度条.gif QProgressBar *pProgressBar4 = new QProgressBar(this); pProgressBar4->setGeometry(100,180,120,20); pProgressBar4->setOrientation(Qt::Horizontal); // 水平方向 pProgressBar4->setMinimum(0); // 最小值 pProgressBar4->setMaximum(0); // 最大值初次之外可以引入样式表，修饰下外观 例如： QProgressBar{ border: none; color: white; text-align: center; background: rgb(68, 69, 73); } QProgressBar::chunk { border: none; background: rgb(0, 160, 230); } 带样式表效果的进度条.gif 自定义进度条基本上如果想实现更好的进度条效果，还需要绘图的帮助 自定义进度条.gif核心代码： #include "radiusprogressbar.h" #include 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); } |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |