PyQt5 QComboBox 当它处于关闭状态且鼠标悬停在它上面时，改变边框样式

PyQt5中的QComboBox是一个常用的下拉菜单控件。在它处于关闭状态且鼠标悬停在它上面时，有时需要改变其边框样式以增强UI的体验。下面是详细经过和示例说明：

使用步骤

1. 导入PyQt5中的QComboBox和QEvent模块：

python
from PyQt5.QtWidgets import QComboBox
from PyQt5.QtCore import QEvent

1. 定义一个新的QComboBox类：

```python
class MyComboBox(QComboBox):
def init(self, parent=None):
super(MyComboBox, self).init(parent)
self.setMouseTracking(True)
self.setStyleSheet("border: 1px solid gray;")
self.installEventFilter(self)

   def eventFilter(self, obj, event):
       if obj == self and event.type() == QEvent.Enter:
           self.setStyleSheet("border: 2px solid blue;")
       elif obj == self and event.type() == QEvent.Leave:
           self.setStyleSheet("border: 1px solid gray;")
       return super(MyComboBox, self).eventFilter(obj, event)

```

1. 在窗口中使用这个新的QComboBox类，生成相应的下拉菜单：

python
my_combo_box = MyComboBox(self)
my_combo_box.addItems(['item1', 'item2', 'item3'])

示例说明

下面是两个使用例子来演示这个功能的实现：

示例一

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


class MyComboBox(QComboBox):
    def __init__(self, parent=None):
        super(MyComboBox, self).__init__(parent)
        self.setMouseTracking(True)
        self.setStyleSheet("border: 1px solid gray;")
        self.installEventFilter(self)

    def eventFilter(self, obj, event):
        if obj == self and event.type() == QEvent.Enter:
            self.setStyleSheet("border: 2px solid blue;")
        elif obj == self and event.type() == QEvent.Leave:
            self.setStyleSheet("border: 1px solid gray;")
        return super(MyComboBox, self).eventFilter(obj, event)


class App(QWidget):
    def __init__(self):
        super().__init__()
        self.title = 'PyQt5 QComboBox with border hover effect'
        self.width = 300
        self.height = 200
        self.initUI()

    def initUI(self):
        # 创建一个新的QComboBox并添加一些项
        my_combo_box = MyComboBox(self)
        my_combo_box.addItems(['item1', 'item2', 'item3'])
        my_combo_box.move(50, 50)

        self.setWindowTitle(self.title)
        self.setGeometry(100, 100, self.width, self.height)
        self.show()


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

该示例中，我们创建了一个新的MyComboBox类，并为其添加了事件过滤器。当鼠标进入下拉菜单时，它的边框样式变为2像素宽的蓝色边框，在鼠标离开时将边框恢复为1像素宽的灰色边框。

示例二

与上一个例子类似，这个例子的区别在于我们使用了样式表来改变QComboBox的边框样式：

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


class MyComboBox(QComboBox):
    def __init__(self, parent=None):
        super(MyComboBox, self).__init__(parent)
        self.setMouseTracking(True)
        self.setStyleSheet("""
            QComboBox:!editable:hover {
                border: 2px solid blue;
            }
            QComboBox:!editable:!hover {
                border: 1px solid gray;
            }
        """)


class App(QWidget):
    def __init__(self):
        super().__init__()
        self.title = 'PyQt5 QComboBox with border hover effect'
        self.width = 300
        self.height = 200
        self.initUI()

    def initUI(self):
        # 创建一个新的QComboBox并添加一些项
        my_combo_box = MyComboBox(self)
        my_combo_box.addItems(['item1', 'item2', 'item3'])
        my_combo_box.move(50, 50)

        self.setWindowTitle(self.title)
        self.setGeometry(100, 100, self.width, self.height)
        self.show()


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

该示例中，我们在QComboBox的样式表中使用了“!editable”和“:hover”状态来改变其边框样式。当QComboBox不可编辑且鼠标悬停在上面时，边框将变为2像素宽的蓝色，否则边框将恢复为1像素灰色。这里我们并没有使用事件过滤器，而是使用了QComboBox的内置状态来实现示例。