如何使用 QScrollArea 使滚动条出现

Posted

技术标签:

【中文标题】如何使用 QScrollArea 使滚动条出现【英文标题】:How to use QScrollArea to make scrollbars appear 【发布时间】:2021-12-22 17:13:54 【问题描述】:

我正在尝试使用 pyqt5 创建一个具有垂直布局的滚动区域,并且我正在放置一些标签。我知道,即使它是垂直布局,如果文本不合适,它也应该水平滚动。但无论我尝试什么,它都不会让我滚动。

这是我正在使用的代码:

class window(QMainWindow):
    def __init__(self):
        super(window, self).__init__()
        self.setGeometry(300, 300, 803, 520)
        self.init_ui()

    def init_ui(self):
        self.teacher_box = QScrollArea(self)
        self.teacher_box.setGeometry(360, 10, 420, 181)
        self.teacher_box.setWidgetResizable(True)
        self.teacher_box.setObjectName("teacher_box")
        self.teacher_box_widget = QWidget()
        self.teacher_box_widget.setGeometry(QtCore.QRect(0, 0, 420, 181))
        self.teacher_box_widget.setObjectName("teacher_box_widget")
        self.verticalLayout = QVBoxLayout(self.teacher_box_widget)
        self.verticalLayout.setObjectName("verticalLayout")
        self.teacher_box.setWidget(self.teacher_box_widget) 
        self.teacher_label = QtWidgets.QLabel(self.teacher_box_widget)
        self.teacher_label.setText("This is a new text label that i created using pyqt5's qscrollarea and now the label is going to get outside the boundaries")
        self.teacher_label.adjustSize()
        self.teacher_label.move(10, 10)


if __name__ == "__main__":
    app = QApplication(sys.argv)
    win = window()
    win.show()
    sys.exit(app.exec_())

它应该是这样的:

这是它的外观:

希望我的问题很清楚

【问题讨论】:

我会尝试截屏它应该是怎样的以及它实际上是怎样的 截图有帮助,但不是我问你的 我知道,但我真的不知道如何以任何方式使问题更简单。我认为屏幕截图更能更好地理解我想要实现的目标 我理解这个问题,因为它是你得到的和你想要得到的,这要归功于你的图像,但这还不够,因为它不允许我理解错误的原因,因此我需要一个 MRE。如果你不提供,那么我将投票结束你的问题并继续我的方式 如何更改问题以匹配 MRE?我试图只包含与问题相关的必要代码。我会尽量提供更多细节,给您带来的不便敬请谅解 【参考方案1】:

由于许多问题都想知道如何使用许多小部件都有的 QScrollArea,我将使用许可详细解释各种形式,并将它们用作未来读者的规范答案。

QScrollArea 只允许放置一个容器小部件,因此其他小部件必须作为容器小部件的子级放置。

要将小部件作为另一个小部件的子级,有两种可能性:

1。使用 QLayout:

QLayouts 允许您根据 QSizePolicy、strecth、sizeHint 等自动生成小部件的几何形状。所以在这种情况下,它很简单:只需将 widgetResizable 属性设置为 True。

import sys
from PyQt5 import QtWidgets


class Window(QtWidgets.QMainWindow):
    def __init__(self, parent=None):
        super(Window, self).__init__(parent)

        central_widget = QtWidgets.QWidget()
        self.setCentralWidget(central_widget)

        scroll_area = QtWidgets.QScrollArea(central_widget)
        scroll_area.setGeometry(360, 10, 420, 180)
        scroll_area.setWidgetResizable(True)

        container = QtWidgets.QWidget()
        scroll_area.setWidget(container)

        # Set widgets via layout
        lay = QtWidgets.QVBoxLayout(container)
        lay.setContentsMargins(10, 10, 0, 0)
        for letter in "ABCDE":
            text = letter * 100
            label = QtWidgets.QLabel(text)
            lay.addWidget(label)
        lay.addStretch()

        self.setGeometry(300, 300, 803, 520)


if __name__ == "__main__":
    app = QtWidgets.QApplication(sys.argv)
    win = Window()
    win.show()
    sys.exit(app.exec_())

2。直接设置小部件,无需布局:

在这种情况下,您必须计算包含内部小部件的最小几何形状并设置容器中的大小,还必须将 widgetResizable 属性设置为 False:

import sys
from PyQt5 import QtCore, QtWidgets


class Window(QtWidgets.QMainWindow):
    def __init__(self, parent=None):
        super(Window, self).__init__(parent)

        central_widget = QtWidgets.QWidget()
        self.setCentralWidget(central_widget)

        scroll_area = QtWidgets.QScrollArea(central_widget)
        scroll_area.setGeometry(360, 10, 420, 180)
        scroll_area.setWidgetResizable(False)

        container = QtWidgets.QWidget()
        scroll_area.setWidget(container)

        # calculate geometry
        geometry = QtCore.QRect(10, 10, 0, 0)
        for letter in "ABCDE":
            text = letter * 100
            label = QtWidgets.QLabel(text, container)
            label.adjustSize()
            label.move(geometry.bottomLeft())
            geometry |= label.geometry()

        geometry.setTopLeft(QtCore.QPoint(0, 0))
        container.resize(geometry.size())

        self.setGeometry(300, 300, 803, 520)


if __name__ == "__main__":
    app = QtWidgets.QApplication(sys.argv)
    win = Window()
    win.show()
    sys.exit(app.exec_())

【讨论】:

以上是关于如何使用 QScrollArea 使滚动条出现的主要内容,如果未能解决你的问题,请参考以下文章

QScrollArea qss样式表,美化滚动条

QScrollArea qss样式表,美化滚动条

即使在滚动时如何也不移动 QScrollArea 中的内容

如何使 QTextBrowser 具有最大的尺寸?

为 QScrollArea 保留空间

QScrollArea可以帮助我们实现让一个widget的内容带有滚动条(QWidget里内置QScrollArea,QScrollArea里再内置其它QWidget)