将 QScrollArea 添加到 QTabWidget

Posted

技术标签:

【中文标题】将 QScrollArea 添加到 QTabWidget【英文标题】:Adding QScrollArea to QTabWidget 【发布时间】:2018-05-30 13:50:48 【问题描述】:

我正在尝试向 QTabWideget 添加滚动区域。 目前我已经设置了两个不同的选项卡,并将 scrollArea 添加到第二个选项卡。 当我运行我的程序时,项目被添加到 scrollArea 并且滚动条是可见的(策略设置为始终显示),但它是灰色的。

代码:

class MyTableWidget(QWidget):         
    def __init__(self, parent):   
        super(QWidget, self).__init__(parent)
        self.layout = QVBoxLayout(self)

        # Initialize tab screen
        self.tabs = QTabWidget()
        self.tab1 = QWidget()   
        self.tab2 = QScrollArea()
        self.tabs.setMaximumWidth(300)
        self.tabs.setMaximumHeight(100)

        # Add tabs
        self.tabs.addTab(self.tab1,"Tab 1")
        self.tabs.addTab(self.tab2,"Tab 2")

        # Create first tab
        # ...

        # Create second tab
        self.tab2.layout = QFormLayout(self)
        self.tab2.setWidgetResizable(True)
        self.tab2.setVerticalScrollBar(QScrollBar())
        self.tab2.setVerticalScrollBarPolicy(2)
        self.tab2.setFixedSize(100, 70)

        self.t1 = QLabel('Test1', self)
        self.t2 = QLabel('Test2', self)
        self.t3 = QLabel('Test3', self)
        self.t4 = QLabel('Test4', self)
        self.t5 = QLabel('Test5', self)
        self.t6 = QLabel('Test6', self)
        self.tab2.layout.addRow(self.t1)
        self.tab2.layout.addRow(self.t2)
        self.tab2.layout.addRow(self.t3)
        self.tab2.layout.addRow(self.t4)
        self.tab2.layout.addRow(self.t5)
        self.tab2.layout.addRow(self.t6)
        self.tab2.setLayout(self.tab2.layout)

        # Add tabs to widget        
        self.layout.addWidget(self.tabs)
        self.setLayout(self.layout)  

上面的代码是这样的:

所有人都挤在一起。我希望能够滚动并添加更多数据,而不会压扁那里的内容。

另外,我可以让滚动区域的背景与下图相同吗?

【问题讨论】:

【参考方案1】:

您不必替换 QScrollArea 布局,而是添加一个具有 QFormLayout 的新小部件,如下所示。

from PyQt5.QtWidgets import QWidget, QVBoxLayout, QApplication, \
    QTabWidget, QScrollArea, QFormLayout, QLabel


class MyTableWidget(QWidget):

    def __init__(self, parent=None):
        super(QWidget, self).__init__(parent)
        self.layout = QVBoxLayout(self)

        self.tabs = QTabWidget()
        self.tab1 = QWidget()
        self.tab2 = QScrollArea()

        self.tabs.addTab(self.tab1, 'Tab 1')
        self.tabs.addTab(self.tab2, 'Tab 2')

        content_widget = QWidget()
        self.tab2.setWidget(content_widget)
        flay = QFormLayout(content_widget)
        self.tab2.setWidgetResizable(True)
        self.t1 = QLabel('Test1')
        self.t2 = QLabel('Test2')
        self.t3 = QLabel('Test3')
        self.t4 = QLabel('Test4')
        self.t5 = QLabel('Test5')
        self.t6 = QLabel('Test6')

        flay.addRow(self.t1)
        flay.addRow(self.t2)
        flay.addRow(self.t3)
        flay.addRow(self.t4)
        flay.addRow(self.t5)
        flay.addRow(self.t6)

        self.layout.addWidget(self.tabs)
        self.resize(300, 100)


if __name__ == '__main__':
    import sys
    app = QApplication(sys.argv)
    w = MyTableWidget()
    w.show()
    sys.exit(app.exec_())

【讨论】:

以上是关于将 QScrollArea 添加到 QTabWidget的主要内容,如果未能解决你的问题,请参考以下文章

将垂直滚动条添加到嵌入式 matplotlib 画布,同时保持其水平大小占据整个 QScrollArea

无法动态地将小部件添加到 QScrollArea 对象

QScrollArea 垂直 sizePolicy - 将内容调整到最大高度

PyQt5:QScrollArea 保持 Pixmap 纵横比

7.3 QScrollArea滚动视图

通过 textinput 添加新项目时,阻止 QScrollArea 项目跳来跳去