PyQt5 Combo Box – 鼠标悬停时与 lineedit 部分不同的边框颜色

在 PyQt5 中，我们可以使用 QComboBox 控件来创建一个下拉列表框，并且还可以使用样式表来改变它的外观。在本文中，我们将学习如何在鼠标悬停时，使用不同的颜色为 QComboBox 控件的边框和 lineedit 部分绘制边框。

思路

我们可以使用 QProxyStyle 类创建一个代理样式类，该类将在 QComboBox 控件上绘制边框。我们还可以重写它的 drawComplexControl 方法来自定义绘制外观。

首先，我们将使用样式表来定义 QComboBox 的外观。接下来，我们将子类化 QProxyStyle 类来创建我们自己的样式类。最后，我们将在我们的样式类中使用 drawItemText 和 drawPrimitive 方法来定义绘制 QComboBox 的边框。

代码

下面的代码演示了如何为 QComboBox 控件创建一个具有不同边框颜色的自定义样式类。请注意，该代码使用 Python 3 和 PyQt5 库。

from PyQt5.QtWidgets import QApplication, QComboBox, QProxyStyle, QStyleOptionComboBox


class CustomComboBox(QComboBox):
    def __init__(self, parent=None):
        super(CustomComboBox, self).__init__(parent)
        self.setStyle(CustomComboBoxStyle())

    def enterEvent(self, event):
        self.setStyleSheet("""
            QComboBox {
                border-style: solid;
                border-width: 1px;
                border-color: green;
                border-radius: 3px;
            }
            QComboBox::hover {
                border-color: red;
            }
            """)
        super(CustomComboBox, self).enterEvent(event)

    def leaveEvent(self, event):
        self.setStyleSheet("""
            QComboBox {
                border-style: solid;
                border-width: 1px;
                border-color: green;
                border-radius: 3px;
            }
            """)
        super(CustomComboBox, self).leaveEvent(event)


class CustomComboBoxStyle(QProxyStyle):
    def drawComplexControl(self, control, option, painter, widget=None):
        if control == QStyle.CC_ComboBox and not option.currentIcon:
            self.drawFocusRect(painter, option, option.rect.adjusted(1, 1, -1, -1))
            rect = self.subControlRect(QStyle.CC_ComboBox, option, QStyle.SC_ComboBoxFrame, widget)
            self.drawPrimitive(QStyle.PE_FrameFocusRect, option, painter, widget)
            self.drawPrimitive(QStyle.PE_IndicatorButtonDropDown, option, painter, widget)
        else:
            super(CustomComboBoxStyle, self).drawComplexControl(control, option, painter, widget)

    def drawItemText(self, painter, rect, flags, pal, enabled, text, index):
        if not index.isValid():
            return False
        self.initStyleOption(QStyleOptionComboBox(), index)
        self.proxy().drawItemText(painter, rect, flags, pal, enabled, text, index)

    def subControlRect(self, control, option, subcontrol, widget=None):
        if control == QStyle.CC_ComboBox and subcontrol == QStyle.SC_ComboBoxArrow:
            return option.rect.adjusted(3, 3, -6, -3)
        else:
            return self.proxy().subControlRect(control, option, subcontrol, widget)

解释

以上代码定义了一个 CustomComboBox 类，该类继承自 QComboBox，并使用 CustomComboBoxStyle 自定义样式类来画出 QComboBox 的边框和箭头。

在 CustomComboBox 的构造函数中，我们使用 setStyle() 方法来设置一个 QProxyStyle 类型的对象作为 QComboBox 的样式。在 enterEvent() 和 leaveEvent() 方法中，我们根据鼠标悬停事件的发生，通过 setStyleSheet() 方法来设置 QComboBox 的样式。在 CustomComboBoxStyle 类中，我们的自定义样式类重写了 drawComplexControl 和 drawItemText 方法，根据其参数以定制的方式重绘 QComboBox 的边框和 lineedit 部分。

结论

通过使用以上代码，我们可以为 QComboBox 控件创建一个和 lineedit 部分不同的边框颜色，这不仅可以让我们的应用程序变得更有吸引力，更可定制，还能使它更容易被用户识别。