PyQt5 – 按下时背景图像变为关闭状态组合框

PyQt5是一个用于Python编程语言的GUI开发工具包。其中，组合框（ComboBox）是一个非常实用的控件，它可以显示一个下拉列表，用户可以从中选择一个选项。在本教程中，我们将探讨如何在PyQt5中使用组合框控件，并且使得背景图像在按下时变为关闭状态。

准备工作

在开始之前，我们需要确保我们安装了PyQt5。我们可以使用pip package管理器进行安装：

pip install PyQt5

接着，我们需要创建一个PyQt5应用程序。下面是示例代码：

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QComboBox


class App(QWidget):

    def __init__(self):
        super().__init__()
        self.title = 'PyQt5 comboBox'
        self.left = 10
        self.top = 10
        self.width = 320
        self.height = 200
        self.initUI()

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

        comboBox = QComboBox(self)
        comboBox.move(50, 50)
        comboBox.addItem("Option 1")
        comboBox.addItem("Option 2")
        comboBox.addItem("Option 3")
        comboBox.activated[str].connect(self.onActivated)

        self.show()

    def onActivated(self, text):
        print(text)


if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = App()
    sys.exit(app.exec_())

这将创建一个窗口，其中包含一个组合框和一个空白区域。我们将使用组合框来选择选项，并在控制台中打印所选的选项。

更改组合框背景

现在，我们有一个工作的PyQt5应用程序，我们可以开始添加我们的新功能：更改组合框的背景。我们将使用背景图像来显示控件的状态，并根据所选的选项更改背景图像。

我们将在组合框样式表中定义背景图像，并创建两个不同的状态：开和关。默认情况下，组合框使用开启状态的背景图像。当用户选择选项时，背景图像将更改为关闭状态的图像。

import sys
from PyQt5.QtGui import QPixmap
from PyQt5.QtWidgets import QApplication, QWidget, QComboBox


class App(QWidget):

    def __init__(self):
        super().__init__()
        self.title = 'PyQt5 comboBox'
        self.left = 10
        self.top = 10
        self.width = 320
        self.height = 200
        self.initUI()

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

        self.pixmap_on = QPixmap('on.png')
        self.pixmap_off = QPixmap('off.png')

        comboBox = QComboBox(self)
        comboBox.move(50, 50)
        comboBox.addItem("Option 1")
        comboBox.addItem("Option 2")
        comboBox.addItem("Option 3")
        comboBox.activated[str].connect(self.onActivated)

        style_sheet = """
            QComboBox {{
                border: 1px solid gray;
                border-radius: 3px;
                padding: 1px 18px 1px 3px;
                min-width: 6em;
            }}
            QComboBox:on {{
                background-image: url(bg_on.png);
                color: white;
            }}
            QComboBox:off {{
                background-image: url(bg_off.png);
            }}
            """
        comboBox.setStyleSheet(style_sheet)

        self.show()

    def onActivated(self, text):
        print(text)

        comboBox = self.sender()
        if comboBox.currentText() == "Option 1":
            comboBox.setStyleSheet(comboBox.styleSheet().replace("off", "on"))
        else:
            comboBox.setStyleSheet(comboBox.styleSheet().replace("on", "off"))


if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = App()
    sys.exit(app.exec_())

在上面的代码中，我们创建了两个QPixmap对象，分别表示开启和关闭状态下的背景图像。我们使用了组合框样式表中的伪状态:on和:off来定义组合框的背景图像。:on在组合框处于开启状态时使用，而:off在组合框处于关闭状态时使用。

在onActivated方法中，我们检查当前选择的选项，并使用setStyleSheet方法将组合框的样式表中伪状态的:on 和:off对象进行交替操作，从而更改了背景图像。

结论

在本教程中，我们探讨了如何在PyQt5中使用组合框控件，并且使背景图像在按下时变为关闭状态。我们的代码演示了使用组合框样式表来更改控件的背景图像。这个应用程序可以作为增加应用程序外观的示例代码，可以方便地修改并用于各种项目。