PyQt5 - 进度条的渐变色条

在 PyQt5 中，我们可以使用 QProgressBar 来实现进度条，而在此基础上，我们还可以对进度条进行一些美化，如添加渐变色条。

实现方法

在实现渐变色条之前，我们需要了解一些 QPainter 的相关知识。

QPainter

QPainter 是 PyQt5 中用于进行绘图的类，它可以在 QWidget 上绘制各种图形。在使用 QPainter 进行绘制时，我们通常需要进行以下步骤：

1. 创建 QPainter 对象。
2. 设置绘制设备：可以是 QWidget、QPixmap 等。
3. 设置绘制参数：画笔、画刷、线条宽度、字体等等。
4. 使用 QPainter 的各种绘制函数进行绘制。
5. 销毁 QPainter 对象。

渐变色条

接下来，我们就可以利用 QPainter 来实现渐变色条。具体而言，我们需要完成以下步骤：

1. 创建 QGradient 对象，用于定义渐变色。
2. 创建 QBrush 对象，将 QGradient 作为背景设置到 QProgressBar 上。
3. 将 QBrush 中的渐变色条设置到 QPainter 上。

代码如下：

from PyQt5.QtCore import Qt
from PyQt5.QtGui import QBrush, QColor, QGradient, QPainter
from PyQt5.QtWidgets import QProgressBar

class GradientProgressBar(QProgressBar):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.gradient = QGradient()
        self.gradient.setColorAt(0.0, QColor("#00FF00"))
        self.gradient.setColorAt(1.0, QColor("#FF0000"))

    def paintEvent(self, event):
        painter = QPainter(self)
        painter.setBrush(QBrush(self.gradient))
        painter.setPen(Qt.NoPen)
        painter.drawRect(0, 0, self.width(), self.height())
        amount = self.value() / self.maximum()
        x = (self.width() * amount) - (self.height() / 2)
        y = 0
        w = self.height()
        h = self.height()
        painter.setBrush(QBrush(QColor("#F0F0F0")))
        painter.drawRect(x, y, w, h)

首先，我们在 __init__ 中创建了 QGradient 对象，并设置渐变色的起点和终点颜色。在 paintEvent 中，我们先将 QGradient 作为背景设置到 QProgressBar 上，然后将渐变色矩形画到 QPainter 的绘制设备上。

接下来，我们需要设置进度条的前景色，即已完成的部分。我们使用 amount 表示已完成的百分比，然后根据它来计算已完成部分的大小和位置。最后，我们将前景色矩形画到 QPainter 的绘制设备上。

使用方法

使用 GradientProgressBar 和 QProgressBar 的方法基本相同。以下为一个使用例子：

from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout

app = QApplication([])
window = QWidget()
layout = QVBoxLayout(window)
progress_bar = GradientProgressBar()
layout.addWidget(progress_bar)
window.show()

for i in range(101):
    progress_bar.setValue(i)
    app.processEvents()

在这个例子中，我们创建了一个 GradientProgressBar，并将它放到了一个 QVBoxLayout 中。然后，我们连续设置了 progress_bar 的值，并使用 app.processEvents() 来让界面不断更新，从而展示进度条的变化。

参考资料

1. PyQt5 学习指南 - 第 15 章 图形效果

总结

通过本文的介绍，我们学习了如何使用 QPainter 实现渐变色条，以及如何将它应用到 QProgressBar 上。虽然 QProgressBar 已经非常实用了，但是通过对其进行定制化的美化，可以更好地满足各种需求。