PyQt5 ComboBox – 鼠标悬停时不同的边框大小

在 PyQt5 中，ComboBox 是用于显示列表数据的一种控件。在使用 ComboBox 的过程中，我们可以为其设置悬停时的边框大小以增强用户交互体验。

如何设置鼠标悬停时的边框大小

要设置鼠标悬停时的边框大小，我们可以通过重写 QComboBox 的 enterEvent 和 leaveEvent 方法来实现。

from PyQt5.QtWidgets import QComboBox


class HoverComboBox(QComboBox):
    def __init__(self, parent=None):
        super(HoverComboBox, self).__init__(parent)
        
    def enterEvent(self, event):
        self.setStyleSheet("QComboBox:hover{border: 2px solid green;}")
        
    def leaveEvent(self, event):
        self.setStyleSheet("")

在上面的代码中，我们新建了一个名为 HoverComboBox 的类，该类继承自 QComboBox 类。我们分别在其 enterEvent 和 leaveEvent 方法中设置了鼠标悬停时的边框大小，以及离开时的边框大小。

如何使用重写后的 HoverComboBox

为了区分 QComboBox 和我们新建的 HoverComboBox，我们需要对其进行别名的设置。以下是一个简单的示例代码：

from PyQt5.QtWidgets import QApplication, QMainWindow, QVBoxLayout, QPushButton, QWidget
import sys


class MainWindow(QMainWindow):
    def __init__(self, parent=None):
        super(MainWindow, self).__init__(parent)
        central_widget = QWidget()
        self.setCentralWidget(central_widget)
        layout = QVBoxLayout(central_widget)
        combo_box = HoverComboBox()
        combo_box.addItems(["item1", "item2", "item3"])
        layout.addWidget(combo_box)
        

if __name__ == '__main__':
    app = QApplication(sys.argv)
    main = MainWindow()
    main.show()
    sys.exit(app.exec_())

以上代码创建了一个 Main Window 窗口，窗口中包含一个 HoverComboBox 控件，其显示的列表项为 ["item1", "item2", "item3"]。在使用该控件时，只需要像常规 QComboBox 一样使用即可。

总结

通过重写 QComboBox 的 enterEvent 和 leaveEvent 方法来设置鼠标悬停时的边框大小，可以为 PyQt5 应用程序增加用户交互体验。使用我们新建的 HoverComboBox 控件时，只需要像使用常规的 QComboBox 一样即可。