【PyQt5-Qt Designer】QProgressBar() 进度条

QProgressBar() 进度条

QProgressBar简介

QProgressBar小部件提供了一个水平或垂直的进度条。

进度条用于向用户指示操作的进度,并向他们保证应用程序仍在运行。

进度条使用steps的概念。您可以通过指定最小和最大可能的step值来设置它,并且当您稍后将当前step值赋给它时,它将显示已经完成的step的百分比。百分比是通过将进度 (value() - minimum()) / (maximum() - minimum())来计算的。

您可以使用setMinimum()和setMaximum()指定最小和最大steps。默认值是0和99。当前的step由setValue()设置。进度条可以通过reset()重新开始。

如果最小值和最大值都设置为0,那么栏会显示一个繁忙的指示符,而不是步骤的百分比。例如,在使用QNetworkAccessManager下载项目时,这是非常有用的,因为他们无法确定正在下载的项目的大小。

详见官网介绍:QProgressBar Class

QProgressBar小例子

今天的小例子的完成效果如下:

【PyQt5-Qt Designer】QProgressBar() 进度条

可能会有卡顿的情况,请大家忽视这个细节,主要是因为在虚拟机录制,而宿主机配置较低,所以就那样了,实际运行还是很流畅的。

效果如下:

【PyQt5-Qt Designer】QProgressBar() 进度条

参考:

https://zhuanlan.zhihu.com/p/31109561

完整代码:

 from PyQt5.QtWidgets import (QApplication,QWidget,QMessageBox,QGridLayout,QPushButton,QProgressBar)
from PyQt5.QtCore import Qt,QBasicTimer
from PyQt5.QtGui import QPixmap
import sys class Example(QWidget):
def __init__(self):
super(Example, self).__init__()
self.initUI() def initUI(self):
self.setGeometry(300,300,400,400)
self.setWindowTitle("QProgressBar进度条")
gridLayout = QGridLayout()
self.btn1 = QPushButton("外圈跑马灯")
self.btn2 = QPushButton("内圈跑马灯")
self.pb11 = QProgressBar()
self.pb12 = QProgressBar()
self.pb13 = QProgressBar()
self.pb14 = QProgressBar()
self.pb21 = QProgressBar()
self.pb22 = QProgressBar()
self.pb11.setOrientation(Qt.Vertical)
self.pb12.setOrientation(Qt.Horizontal)
self.pb13.setOrientation(Qt.Vertical)
self.pb14.setOrientation(Qt.Horizontal)
self.pb21.setOrientation(Qt.Horizontal)
self.pb22.setOrientation(Qt.Horizontal)
gridLayout.addWidget(self.pb11,0,0,6,1)
gridLayout.addWidget(self.pb12,0,1,1,6)
gridLayout.addWidget(self.pb13,0,6,6,1)
gridLayout.addWidget(self.pb14,5,1,1,6)
gridLayout.addWidget(self.pb21,1,2,1,4)
gridLayout.addWidget(self.btn1,2,3,1,1)
gridLayout.addWidget(self.btn2,3,3,1,1)
gridLayout.addWidget(self.pb22,4,2,1,4)
self.setLayout(gridLayout) self.timer = QBasicTimer()
self.step = 0
self.pb21.setFormat("%v")
self.pb22.setInvertedAppearance(True)
self.btn1.clicked.connect(self.running)
self.btn2.clicked.connect(self.doAction) def running(self):
self.pb11.setMinimum(0)
self.pb11.setMaximum(0)
self.pb12.setMinimum(0)
self.pb12.setMaximum(0)
self.pb13.setMinimum(0)
self.pb13.setMaximum(0)
self.pb13.setInvertedAppearance(True)
self.pb14.setMinimum(0)
self.pb14.setMaximum(0)
self.pb14.setInvertedAppearance(True) def timerEvent(self, e):
if self.step >= 100:
self.timer.stop()
QMessageBox.information(self,"信息提示框","内圈进度收工了!")
self.btn2.setText("再来一次吧!")
self.step = 0
return
self.step = self.step + 1
self.pb21.setValue(self.step)
self.pb22.setValue(self.step) def doAction(self):
if self.timer.isActive():
self.timer.stop()
self.btn2.setText("继续")
else:
self.timer.start(100,self)
self.btn2.setText("停止") if __name__ == '__main__':
app = QApplication(sys.argv)
ex = Example()
ex.show()
sys.exit(app.exec_())

QProgressBar进度条案例

这个例子当中我们做了一个跑马灯,其实就是看起来像。然后中间再做了一个正常点的进度条。

selfs .pb11.setOrientation(Qt.Horizontal)
self.pb12.setOrientation(Qt.Vertical)
self.pb13.setOrientation(Qt.Horizontal)
self.pb14.setOrientation(Qt.Vertical)

进度条是可以设置方向的,你可以选择垂直或是水平。这里我们通过垂直和水平方式建立了一个跑马圈。

QProgressBar.setOrientation()该属性设置了进度条的方向,方向必须是Qt.Horizontal(默认,水平)或Qt.Vertical(垂直)。

self.pb21.setFormat("%v")

不知道大家仔细看没有,圈内的进度条上面的指示数字是不一样的,例如:

【PyQt5-Qt Designer】QProgressBar() 进度条

QProgressBar.setFormat()属性包含用于生成当前文本的字符串

  • %p - 被完成的百分比取代
  • %v - 被当前值替换
  • %m - 被总step所取代
  • 默认值是”%p%”
self.pb22.setInvertedAppearance(True)

我们知道进度条可以向左向右前进(以水平进度条为例),这个就是通过QProgressBar.setInvertedAppearance()来设置的。如果这个属性为真,则进度条向另一个方向增长(例如从右向左)。 默认情况下,进度条从左到右(水平进度条)。

【PyQt5-Qt Designer】QProgressBar() 进度条
self.timer = QBasicTimer()

要激活进度条,我们使用一个计时器对象。

QBasicTimer简介

QBasicTimer类为对象提供计时器事件。

这是Qt内部使用的一个快速,轻量级和低级别的类。注意这个定时器是一个重复的定时器,除非调用stop()函数,否则它将发送后续的定时器事件。当定时器超时时,它将向QObject子类发送一个timer事件。定时器可以随时stop()。

self.timer.start(100, self)

要启动计时器事件,我们调用它的start()方法。 这个方法有两个参数:超时时间(毫秒级)和接收事件的对象。

def timerEvent(self, e):
if self.step >= 100:
self.timer.stop()
QMessageBox.information(self,'提示','内圈收工了!')
self.b2.setText('再来一次')
self.step = 0
return self.step = self.step + 1
self.pb21.setValue(self.step)
self.pb22.setValue(self.step)

每个QObject及其子类都有一个timerEvent()事件处理程序。 为了对计时器事件作出反应,我们重新实现事件处理程序。

  • 总step<100的话,就自加,从图形上看就是进度条再前进。
  • 总step>100的话,定时器停止,setp重置为0。

QProgressBar.setValue()该属性设置进度条的当前值,value值不停地增加,进度就在增加。

def doaction(self):
if self.timer.isActive():
self.timer.stop()
self.b2.setText('继续')
else:
self.timer.start(100, self)
self.b2.setText('停止')

在doaction()方法内部,我们启动和停止定时器。isActive()如果定时器正在运行且尚未停止,则返回True;否则返回False。

因为最开始定时器是没有运行, 所以会执行self.timer.start(100,self)语句;当再次按下按钮时候,定时器已经运行,所以会执行self.timer.stop()语句,将定时器停止。自然也不会去执行timerEvent()中的内容了。

def running(self):
self.pb11.setMinimum(0)
self.pb11.setMaximum(0)
...

就像之前讲的那样,如果最小值和最大值都设置为0,那么栏会显示一个繁忙的指示符,而不是步骤的百分比。所以就模拟成了跑马灯。

上一篇:Nginx_查看并发连接数


下一篇:你可能不知道的5种 CSS 和 JS 的交互方式