首页 > 解决方案 > 创建堆叠的垂直子菜单,在单击时显示/隐藏小部件

问题描述

我想在 PyQt5 中创建一个用作“堆叠子菜单”的小部件:一旦用户单击特定标签/行,下面会出现一堆相关选项/小部件。这些子菜单可以堆叠在一起,如下面的示例所示(来自 LibreOffice Impress 的屏幕截图):

我想要的是

在此处输入图像描述

我目前的尝试如下:我正在使用一个QPushButton负责显示/隐藏QFrame包含任意小部件的组件。基本思想在这里,但这是一种“手动”方法。

到目前为止我得到了什么

在此处输入图像描述

编码

import sys

from PyQt5.QtWidgets import (QApplication, QFrame, QLabel, QPushButton,
                             QVBoxLayout, QWidget)


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

        # Layout
        layout = QVBoxLayout()
        self.setLayout(layout)

        # Row, widgets are placed in a frame below
        self.row = QPushButton('Graphs')
        layout.addWidget(self.row)

        # Frame where widgets are placed
        self.frame = QFrame()
        layout.addWidget(self.frame)

        # Add a layout and some widgets to the frame
        self.frame.setLayout(QVBoxLayout())
        self.frame.layout().addWidget(QLabel('Data 1'))
        self.frame.layout().addWidget(QLabel('Data 2'))
        self.frame.layout().addWidget(QPushButton('New Graph...'))
        self.frame.setVisible(False)

        # Show/hide frame when row is clicked
        self.row.clicked.connect(self.toggle_frame)

    def toggle_frame(self) -> None:
        if self.frame.isVisible():
            self.frame.setVisible(False)
        else:
            self.frame.setVisible(True)

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

也许 PyQt5 有创建这样一个子菜单的内置方法?我不知道如何称呼这样的设计,所以我很难寻找答案。我尝试弄乱 aQTreeWidget但我找不到显示/隐藏树中所有元素的选项(并且将任意小部件/布局添加到 aQTreeWidget似乎有点 hacky)。或者我的方法是要走的路,只是缺少一点样式/布局管理?

标签: pythonqtuser-interfacepyqt5widget

解决方案


推荐阅读