PyQt5 ComboBox – ON 状态下不同的边框颜色

当使用Qt和PyQt5时，您可能需要定制QComboBox的外观。在本文中，我们将介绍如何在打开QComboBox并选择项目时更改其边框颜色。

实现

要更改QComboBox的边框颜色，我们需要创建一个自定义样式表并将其设置为QComboBox的样式表。

以下是一个简单的示例代码，演示如何在打开QComboBox并选择项目时更改其边框颜色：

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


class Example(QWidget):

    def __init__(self):
        super().__init__()

        self.initUI()

    def initUI(self):

        # 创建QComboBox
        combo = QComboBox(self)
        combo.addItem('Red')
        combo.addItem('Blue')
        combo.addItem('Green')
        combo.move(50, 50)
        combo.activated[str].connect(self.onActivated)

        self.setGeometry(300, 300, 300, 200)
        self.setWindowTitle('ComboBox')
        self.show()

    def onActivated(self, text):
        # 当QComboBox被选中时更改边框颜色
        self.setStyleSheet("QComboBox { border: 1px solid %s }"
                           "QComboBox::down-arrow { border-color: %s; }"
                           "QComboBox::drop-down { subcontrol-origin: padding; subcontrol-position: top right; width: 15px; border-left-width: 1px; border-left-color: %s; border-left-style: solid; }"
                           % (text, text, text))


if __name__ == '__main__':

    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

在此示例中，我们在QComboBox上设置了一个信号与槽，用于在下拉菜单被选择时调用函数onActivated()。在此函数中，我们创建了一个自定义样式表，并将其设置为QComboBox的样式表，以更改其边框颜色。

自定义样式表详解

我们可以使用自定义样式表来控制QComboBox的外观。每个QComboBox包含三种元素：

• QComboBox：这是QComboBox的主要元素。我们可以使用它来控制QComboBox的颜色、边框样式等。
• QComboBox::down-arrow：这是下拉箭头的元素。我们可以使用它来控制下拉箭头的颜色、大小等。
• QComboBox::drop-down：这是下拉菜单的元素。我们可以使用它来控制下拉菜单的大小、位置、颜色等。

下面是一个用于更改QComboBox边框颜色的自定义样式表的示例：

self.setStyleSheet("QComboBox { border: 1px solid %s }"
                   "QComboBox::down-arrow { border-color: %s; }"
                   "QComboBox::drop-down { subcontrol-origin: padding; subcontrol-position: top right; width: 15px; border-left-width: 1px; border-left-color: %s; border-left-style: solid; }"
                   % (text, text, text))

该样式表包含以下说明：

• QComboBox：设置QComboBox的边框样式为1像素实线，颜色取决于选择的项目。
• QComboBox::down-arrow：设置下拉箭头的边框颜色为选择的项目的颜色。
• QComboBox::drop-down：将下拉菜单的起点设置为QComboBox，并将其位置设置为右上角。将下拉菜单的宽度设置为15像素，并将其左侧边框的宽度设置为1像素，颜色取决于选择的项目。

结论

使用自定义样式表可以非常容易地允许我们定制QComboBox的外观。在本文中，我们演示了如何更改QComboBox的边框颜色，在打开它并选择项目时。