PyQt 鼠标悬停弹出侧边栏|极客教程

PyQt 鼠标悬停弹出侧边栏

PyQt 是用 Python 进行 GUI 编程的工具包，它是基于 Qt 库的 Python 封装。Qt 是一个跨平台的 C++ GUI 库，PyQt 使 Python 开发者可以使用这个功能强大的库来创建图形界面应用程序。

在本文中，我们将讨论如何使用 PyQt 来实现一个鼠标悬停弹出侧边栏的功能。这样的功能在很多应用程序中都非常常见，比如网页浏览器中的书签栏、文件管理器中的工具栏等。

准备工作

在开始之前，确保你已经安装了 PyQt，并且熟悉基本的 PyQt 编程知识。如果你还不了解 PyQt，可以先查阅相关文档或教程来学习。

实现思路

要实现鼠标悬停弹出侧边栏的功能，我们需要做以下几步：

创建一个主窗口，并在主窗口上放置一个按钮或其他控件作为触发器。
当鼠标悬停在触发器上时，显示一个侧边栏。
当鼠标移开触发器或者侧边栏时，侧边栏消失。

接下来我们将逐步实现这些步骤。

创建主窗口

首先，我们创建一个主窗口，并在窗口上放置一个按钮作为触发器。我们使用 QVBoxLayout 布局管理器来管理窗口上的控件。下面是完整的代码：

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

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()

        self.initUI()

    def initUI(self):
        self.setWindowTitle('PyQt 鼠标悬停弹出侧边栏示例')
        self.setGeometry(100, 100, 400, 300)

        centralWidget = QWidget()
        self.setCentralWidget(centralWidget)

        layout = QVBoxLayout()
        centralWidget.setLayout(layout)

        btn = QPushButton('显示侧边栏', self)
        layout.addWidget(btn)

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

运行以上代码，你会看到一个带有一个按钮的主窗口。接下来，我们将实现鼠标悬停在按钮上弹出侧边栏的功能。

显示侧边栏

为了实现鼠标悬停在按钮上时显示侧边栏的功能，我们可以使用 QWidget 的 enterEvent 和 leaveEvent 事件来监听鼠标进入和离开的动作。下面是修改后的代码：

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

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()

        self.initUI()

    def initUI(self):
        self.setWindowTitle('PyQt 鼠标悬停弹出侧边栏示例')
        self.setGeometry(100, 100, 400, 300)

        self.centralWidget = QWidget()
        self.setCentralWidget(self.centralWidget)

        layout = QVBoxLayout()
        self.centralWidget.setLayout(layout)

        self.btn = QPushButton('显示侧边栏', self)
        self.btn.enterEvent = self.showSidebar
        self.btn.leaveEvent = self.hideSidebar
        layout.addWidget(self.btn)

        self.sidebar = QWidget()
        self.sidebar.hide()
        self.sidebar.setGeometry(400, 100, 150, 300)

    def showSidebar(self, event):
        self.sidebar.show()

    def hideSidebar(self, event):
        self.sidebar.hide()

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

在上面的代码中，我们创建了一个 sidebar 变量来表示侧边栏，并在 showSidebar 和 hideSidebar 方法中分别显示和隐藏这个侧边栏。同时，我们为按钮的 enterEvent 和 leaveEvent 事件分别绑定这两个方法。

完善侧边栏功能

现在我们已经实现了基本的功能，但是侧边栏还比较简单，我们可以进一步美化它，比如增加一些控件或者改变它的样式。下面是修改后的代码：

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

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()

        self.initUI()

    def initUI(self):
        self.setWindowTitle('PyQt 鼠标悬停弹出侧边栏示例')
        self.setGeometry(100, 100, 400, 300)

        self.centralWidget = QWidget()
        self.setCentralWidget(self.centralWidget)

        layout = QVBoxLayout()
        self.centralWidget.setLayout(layout)

        self.btn = QPushButton('显示侧边栏', self)
        self.btn.enterEvent = self.showSidebar
        self.btn.leaveEvent = self.hideSidebar
        layout.addWidget(self.btn)

        self.sidebar = QWidget()
        self.sidebar.hide()
        self.sidebar.setGeometry(400, 100, 150, 300)

        sidebarLayout = QVBoxLayout()
        self.sidebar.setLayout(sidebarLayout)

        label = QLabel('姓名:', self.sidebar)
        sidebarLayout.addWidget(label)

        self.lineEdit = QLineEdit(self.sidebar)
        sidebarLayout.addWidget(self.lineEdit)

    def showSidebar(self, event):
        self.sidebar.show()

    def hideSidebar(self, event):
        self.sidebar.hide()

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

在这个版本的代码中，我们增加了一个标签和一个文本输入框到侧边栏，并且使用 sidebarLayout 布局管理器来管理它们的布局。这样，我们就实现了一个简单的带有表单的侧边栏。

总结

在本文中，我们讨论了如何使用 PyQt 实现一个鼠标悬停弹出侧边栏的功能。我们首先创建了一个主窗口并在窗口上放置了一个按钮作为触发器，然后我们使用 enterEvent 和 leaveEvent 事件来监听鼠标进入和离开的动作，从而显示和隐藏侧边栏。最后，我们完善了侧边栏的功能，增加了一些控件和改变了样式。