PyQt5 - 悬停时将背景图像设置为复选框

在本教程中，我们将学习如何使用PyQt5在悬停自定义复选框时更改背景图像。

前提条件

在开始之前，我们必须确保已安装PyQt5并且对Python编程语言具有基本了解。

代码实现

我们将创建一个PyQt5应用程序，其中包含一个自定义复选框和一个标签。

from PyQt5.QtWidgets import QApplication, QWidget, QCheckBox, QLabel

class App(QWidget):
    def __init__(self):
        super().__init__()
        self.title = 'PyQt5 Hover Checkbox Background Image'
        self.left = 50
        self.top = 50
        self.width = 350
        self.height = 200
        self.initUI()

    def initUI(self):
        self.setWindowTitle(self.title)
        self.setGeometry(self.left, self.top, self.width, self.height)

        self.label = QLabel('Hover over checkbox', self)
        self.label.move(50, 20)

        self.createCheckbox()

        self.show()

    def createCheckbox(self):
        self.checkbox = QCheckBox('Custom Checkbox', self)
        self.checkbox.move(50, 50)
        self.checkbox.resize(250, 30)
        self.checkbox.setStyleSheet('QCheckBox::indicator { width: 30px; height: 30px; }')
        self.checkbox.stateChanged.connect(self.changeBackground)

    def changeBackground(self):
        if self.checkbox.isChecked():
            self.setStyleSheet('QWidget { background-image: url("checked.png"); }')
        else:
            self.setStyleSheet('QWidget { background-image: url("unchecked.png"); }')

if __name__ == '__main__':
    app = QApplication([])
    ex = App()
    app.exec_()

在上面的代码中，我们定义了一个名为App的类，该类继承自QWidget，它是PyQt5中所有用户界面元素的基类。

我们通过在initUI方法中创建该应用程序的所有UI元素来实现应用程序的图形用户界面。

我们创建了一个标签和一个自定义复选框。该复选框附有一个名称为'Custom Checkbox'的标签，大小为 250×30 像素，并由一个名为'changeBackground'的回调函数管理其状态更改。

我们在changeBackground方法中执行以下操作：

根据当前复选框的状态，设置应用程序窗口的背景图片。

if self.checkbox.isChecked():
    self.setStyleSheet('QWidget { background-image: url("checked.png"); }')
else:
    self.setStyleSheet('QWidget { background-image: url("unchecked.png"); }')

我们在应用程序打开时设置默认背景图像，如下所示：

self.setStyleSheet('QWidget { background-image: url("unchecked.png"); }')

结论

在本教程中，我们学习了使用PyQt5在悬停自定义复选框时更改背景图像的方法。 我们还了解了如何创建自定义复选框和连接状态更改的回调函数。

整个PyQt5应用程序的代码示例如下：

from PyQt5.QtWidgets import QApplication, QWidget, QCheckBox, QLabel

class App(QWidget):
    def __init__(self):
        super().__init__()
        self.title = 'PyQt5 Hover Checkbox Background Image'
        self.left = 50
        self.top = 50
        self.width = 350
        self.height = 200
        self.initUI()

    def initUI(self):
        self.setWindowTitle(self.title)
        self.setGeometry(self.left, self.top, self.width, self.height)

        self.label = QLabel('Hover over checkbox', self)
        self.label.move(50, 20)

        self.createCheckbox()

        self.show()

    def createCheckbox(self):
        self.checkbox = QCheckBox('Custom Checkbox', self)
        self.checkbox.move(50, 50)
        self.checkbox.resize(250, 30)
        self.checkbox.setStyleSheet('QCheckBox::indicator { width: 30px; height: 30px; }')
        self.checkbox.stateChanged.connect(self.changeBackground)

    def changeBackground(self):
        if self.checkbox.isChecked():
            self.setStyleSheet('QWidget { background-image: url("checked.png"); }')
        else:
            self.setStyleSheet('QWidget { background-image: url("unchecked.png"); }')

if __name__ == '__main__':
    app = QApplication([])
    ex = App()
    app.exec_()