PyQt5 - 在关闭状态和鼠标悬停时将皮肤设置为组合框

在 PyQt5 中，我们可以使用样式表来为组合框设置皮肤，包括在关闭状态和鼠标悬停时的皮肤。在本教程中，我们将向您展示如何使用样式表为组合框设置皮肤。

准备工作

首先，我们需要为您的 PyQt5 应用程序导入必要的模块和库。

from PyQt5.QtWidgets import QApplication, QComboBox, QWidget
from PyQt5.QtCore import Qt

设置皮肤

为了设置在关闭状态和鼠标悬停时的皮肤，我们需要为组合框使用样式表。

class ComboBox(QComboBox):
    def __init__(self):
        super().__init__()
        self.setStyleSheet("""
            QComboBox {
                border: 1px solid gray;
                border-radius: 3px;
                padding: 1px 18px 1px 3px;
                min-width: 6em;
                font-weight: bold;
                font-size: 14px;
            }
            QComboBox::drop-down {
                subcontrol-origin: padding;
                subcontrol-position: top right;
                width: 20px;
                border-left-width: 1px;
                border-left-color: gray;
                border-left-style: solid;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
            }
            QComboBox::down-arrow {
                image: url(downarrow.png);
            }
            QComboBox:on {
                padding-top: 3px;
                padding-left: 4px;
                background-color: #FFB6C1;
                color: black;
            }
            QComboBox::hover {
                background-color: #FFE4E1;
            }
            QComboBox QAbstractItemView {
                border: 1px solid gray;
                selection-background-color: #C5C5C5;
                selection-color: black;
                background-color: white;
            }
        """)

在这个例子中，我们定义一个名为 ComboBox 的类，该类继承自 QComboBox 类。在 ComboBox 类中，我们定义了一个样式表，其中包括在关闭状态和鼠标悬停时应用的样式。在样式表中，我们使用了 CSS 选择器来选择组合框中不同的部分（如下拉箭头、下拉框等）。

创建应用程序

下面是一个完整的示例代码，实现了在关闭状态和鼠标悬停时为组合框设置皮肤：

class ComboBox(QComboBox):
    def __init__(self):
        super().__init__()
        self.setStyleSheet("""
            QComboBox {
                border: 1px solid gray;
                border-radius: 3px;
                padding: 1px 18px 1px 3px;
                min-width: 6em;
                font-weight: bold;
                font-size: 14px;
            }
            QComboBox::drop-down {
                subcontrol-origin: padding;
                subcontrol-position: top right;
                width: 20px;
                border-left-width: 1px;
                border-left-color: gray;
                border-left-style: solid;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
            }
            QComboBox::down-arrow {
                image: url(downarrow.png);
            }
            QComboBox:on {
                padding-top: 3px;
                padding-left: 4px;
                background-color: #FFB6C1;
                color: black;
            }
            QComboBox::hover {
                background-color: #FFE4E1;
            }
            QComboBox QAbstractItemView {
                border: 1px solid gray;
                selection-background-color: #C5C5C5;
                selection-color: black;
                background-color: white;
            }
        """)

class Example(QWidget):
    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):
        self.setGeometry(300, 300, 300, 150)
        self.setWindowTitle('ComboBox')

        combo = ComboBox()
        combo.addItem('Option 1')
        combo.addItem('Option 2')
        combo.addItem('Option 3')

        combo.move(50, 50)

        self.show()

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

结论

在本教程中，我们向您展示了如何为 PyQt5 组合框设置皮肤，并在关闭状态和鼠标悬停时为其应用不同的皮肤。通过向您展示完整的示例代码，您应该已经掌握了如何使用样式表设置 PyQt5 组件的皮肤。