PyQt5 渐变填充|极客教程

PyQt5 渐变填充

1. 简介

在GUI应用程序的设计中，渐变填充（Gradient Fill）是一种常用的技术，可以用来美化界面，增加图形的层次感和立体感。PyQt5作为一款常用的Python GUI库，提供了强大的渐变填充功能，开发者可以使用它来实现丰富多样的渐变效果。

本文将详细介绍PyQt5中渐变填充的基本概念和使用方法，包括线性渐变、径向渐变和锥形渐变。我们还会给出一些示例代码，并展示代码运行结果。

2. 线性渐变（QLinearGradient）

线性渐变是最基本和常用的渐变填充类型之一，它以一条直线为参考，色彩从一种颜色平滑衍变到另一种颜色。

使用QPainter的setBrush方法可以设置渐变填充的画刷，而QLinearGradient是用来创建线性渐变对象的类。以下是一个简单的示例代码，展示了如何在一个窗口中绘制一个线性渐变图形。

import sys
from PyQt5.QtCore import Qt
from PyQt5.QtGui import QPainter, QBrush, QLinearGradient
from PyQt5.QtWidgets import QApplication, QWidget

class GradientWindow(QWidget):
    def __init__(self):
        super().__init__()

        self.setGeometry(100, 100, 500, 300)
        self.setWindowTitle('Linear Gradient Example')

    def paintEvent(self, event):
        painter = QPainter(self)
        painter.setRenderHint(QPainter.Antialiasing)

        gradient = QLinearGradient(0, 0, self.width(), self.height())
        gradient.setColorAt(0, Qt.red)
        gradient.setColorAt(0.5, Qt.green)
        gradient.setColorAt(1, Qt.blue)

        painter.setBrush(QBrush(gradient))
        painter.drawRect(0, 0, self.width(), self.height())

if __name__ == '__main__':
    app = QApplication(sys.argv)

    window = GradientWindow()
    window.show()

    sys.exit(app.exec_())

运行以上代码，可以看到一个具有线性渐变效果的窗口被创建出来。窗口的背景色从红色过渡到绿色，再过渡到蓝色。具体的代码解释如下：

创建GradientWindow类，继承自QWidget，并重写其paintEvent方法，该方法会在窗口重绘时被调用。
在paintEvent方法中，创建一个QPainter对象，用来进行绘图操作。
调用QPainter的setRenderHint方法，设置抗锯齿渲染，使图形更加平滑。
创建一个QLinearGradient对象gradient，通过设置其起始和终止点坐标，定义线性渐变的方向。
使用gradient的setColorAt方法，设置渐变色的起始点颜色、中间点颜色和终止点颜色。
调用QPainter的setBrush方法，将gradient设置为画刷，用来填充矩形。
调用QPainter的drawRect方法，绘制一个填充整个窗口的矩形。

3. 径向渐变（QRadialGradient）

与线性渐变不同，径向渐变是以一个点为中心，从内向外辐射状地进行颜色衍变。

使用QRadialGradient类可以创建径向渐变对象。以下是一个简单的示例代码，展示了如何在一个窗口中绘制一个径向渐变图形。

import sys
from PyQt5.QtCore import Qt
from PyQt5.QtGui import QPainter, QBrush, QRadialGradient
from PyQt5.QtWidgets import QApplication, QWidget

class GradientWindow(QWidget):
    def __init__(self):
        super().__init__()

        self.setGeometry(100, 100, 500, 300)
        self.setWindowTitle('Radial Gradient Example')

    def paintEvent(self, event):
        painter = QPainter(self)
        painter.setRenderHint(QPainter.Antialiasing)

        gradient = QRadialGradient(self.width() // 2, self.height() // 2,
                                   self.width() // 4, self.width() // 2, self.height() // 2)
        gradient.setColorAt(0, Qt.red)
        gradient.setColorAt(0.5, Qt.green)
        gradient.setColorAt(1, Qt.blue)

        painter.setBrush(QBrush(gradient))
        painter.drawRect(0, 0, self.width(), self.height())

if __name__ == '__main__':
    app = QApplication(sys.argv)

    window = GradientWindow()
    window.show()

    sys.exit(app.exec_())

运行以上代码，可以看到一个具有径向渐变效果的窗口被创建出来。窗口的背景色从红色过渡到绿色，再过渡到蓝色。具体的代码解释如下：

与线性渐变示例代码类似，首先创建GradientWindow类，并重写其paintEvent方法。
在paintEvent方法中，创建一个QRadialGradient对象gradient，通过设置其中心点坐标、半径和焦点坐标，定义径向渐变的样式。
使用gradient的setColorAt方法，设置渐变色的起始点颜色、中间点颜色和终止点颜色。
同样地，调用QPainter的setBrush方法，将gradient设置为画刷，用来填充矩形。
最后，调用QPainter的drawRect方法，绘制一个填充整个窗口的矩形。

4. 锥形渐变（QConicalGradient）

锥形渐变是一种具有旋转的渐变效果，以一个圆锥作为参照，从中心逐渐向外形成颜色衍变。

使用QConicalGradient类可以创建锥形渐变对象。以下是一个简单的示例代码，展示了如何在一个窗口中绘制一个锥形渐变图形。

import sys
from PyQt5.QtCore import Qt
from PyQt5.QtGui import QPainter, QBrush, QConicalGradient
from PyQt5.QtWidgets import QApplication, QWidget

class GradientWindow(QWidget):
    def __init__(self):
        super().__init__()

        self.setGeometry(100, 100, 500, 300)
        self.setWindowTitle('Conical Gradient Example')

    def paintEvent(self, event):
        painter = QPainter(self)
        painter.setRenderHint(QPainter.Antialiasing)

        gradient = QConicalGradient(self.width() // 2, self.height() // 2, -45)
        gradient.setColorAt(0, Qt.red)
        gradient.setColorAt(0.33, Qt.green)
        gradient.setColorAt(0.66, Qt.yellow)
        gradient.setColorAt(1, Qt.blue)

        painter.setBrush(QBrush(gradient))
        painter.drawRect(0, 0, self.width(), self.height())

if __name__ == '__main__':
    app = QApplication(sys.argv)

    window = GradientWindow()
    window.show()

    sys.exit(app.exec_())

运行以上代码，可以看到一个具有锥形渐变效果的窗口被创建出来。窗口的背景色形成了一个从红色到绿色、再到黄色、最后到蓝色的渐变环。具体的代码解释如下：