PyQt5 – 设置边框以在鼠标悬停时查看 ComboBox 的一部分

在 PyQt5 应用程序中，ComboBox 是一种很常用的小部件，ComboBox 都会有一个边框，通常这个边框是不会变的，但是，在本篇文章中，我们将学习如何设置边框以在鼠标悬停时查看 ComboBox 的一部分。

实现方法

我们将介绍如何为 PyQt5 ComboBox 小部件设置边框以检查 ComboBox 的部分。我们将在 QWidget 上创建 Combo用以演示。

首先，我们需要定义带有悬停事件和 leave 事件的边框函数。这个函数将在鼠标悬停时设置边框，鼠标移出时则恢复原来的边框。

def setComboBoxFrame(self, comboBox):
    comboBox.setStyleSheet("QComboBox {\n"
                           "border: 2px solid gray;\n"
                           "border-radius: 8px;\n"
                           "padding: 1px 18px 1px 3px;\n"
                           "min-width: 6em;\n"
                           "}"
                           "QComboBox:hover {\n"
                           "border: 2px solid blue;\n"
                           "}")

然后，我们需要定义一个 ComboBox 并将边框应用于它。为了使小部件对边框的更改具有动态性，我们需要覆盖 mouseMoveEvent() 函数来检测鼠标悬停事件，并覆盖 leaveEvent() 函数以检测鼠标离开事件。

class ComboBox(QWidget):
    def __init__(self, parent=None):
        super(ComboBox, self).__init__(parent)

        layout = QVBoxLayout()

        combo = QComboBox()
        combo.addItem("Item 1")
        combo.addItem("Item 2")
        combo.addItem("Item 3")
        combo.addItem("Item 4")
        combo.addItem("Item 5")
        combo.addItem("Item 6")
        combo.addItem("Item 7")
        combo.addItem("Item 8")
        combo.addItem("Item 9")
        combo.addItem("!")

        layout.addWidget(combo)

        self.setLayout(layout)

        self.setComboBoxFrame(combo)

    def mouseMoveEvent(self, event):
        self.setComboBoxFrame(self.sender())

    def leaveEvent(self, event):
        comboBox = self.sender()
        comboBox.setStyleSheet("QComboBox {\n"
                               "border: 2px solid gray;\n"
                               "border-radius: 8px;\n"
                               "padding: 1px 18px 1px 3px;\n"
                               "min-width: 6em;\n"
                               "}")

这段代码将边框应用于 ComboBox 并检测鼠标悬停事件。当改变 combobox 边框时，我们需要使用 setStyleSheet() 函数。

在程序的主函数中，我们需要初始化 QApplication 并显示出我们的小程序。

if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = ComboBox()
    window.setWindowTitle("PyQt5 - ComboBox Frame Focus")
    window.resize(300, 50)
    window.show()
    sys.exit(app.exec_())

完整代码

import sys

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


class ComboBox(QWidget):
    def __init__(self, parent=None):
        super(ComboBox, self).__init__(parent)

        layout = QVBoxLayout()

        combo = QComboBox()
        combo.addItem("Item 1")
        combo.addItem("Item 2")
        combo.addItem("Item 3")
        combo.addItem("Item 4")
        combo.addItem("Item 5")
        combo.addItem("Item 6")
        combo.addItem("Item 7")
        combo.addItem("Item 8")
        combo.addItem("Item 9")
        combo.addItem("!")

        layout.addWidget(combo)

        self.setLayout(layout)

        self.setComboBoxFrame(combo)

    def setComboBoxFrame(self, comboBox):
        comboBox.setStyleSheet("QComboBox {\n"
                               "border: 2px solid gray;\n"
                               "border-radius: 8px;\n"
                               "padding: 1px 18px 1px 3px;\n"
                               "min-width: 6em;\n"
                               "}"
                               "QComboBox:hover {\n"
                               "border: 2px solid blue;\n"
                               "}")

    def mouseMoveEvent(self, event):
        self.setComboBoxFrame(self.sender())

    def leaveEvent(self, event):
        comboBox = self.sender()
        comboBox.setStyleSheet("QComboBox {\n"
                               "border: 2px solid gray;\n"
                               "border-radius: 8px;\n"
                               "padding: 1px 18px 1px 3px;\n"
                               "min-width: 6em;\n"
                               "}")

if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = ComboBox()
    window.setWindowTitle("PyQt5 - ComboBox Frame Focus")
    window.resize(300, 50)
    window.show()
    sys.exit(app.exec_())

总结

在本篇文章中，我们学习了如何为 PyQt5 ComboBox 设置边框以在鼠标悬停时查看 ComboBox 的一部分。我们定义了一个带有悬停事件和 leave 事件的边框函数，并将其应用于 ComboBox。通过覆盖 mouseMoveEvent() 和 leaveEvent() 函数，我们可以实现针对鼠标悬停事件和鼠标移出事件的边框更改。