使滚动区域水平扩展以适合内容

时间:2014-09-01 01:47:45

标签: python qt layout pyqt scrollview

我想让这个对话框水平展开以显示所有图片。我不希望它垂直扩展,因为会有一个滚动条。被注释掉的sizePolicy内容并没有帮助。这些图像只是四张并排的图片,比窗户宽。

我做错了什么?

from PyQt4 import QtGui, QtCore

class Images(QtGui.QDialog):
    def __init__(self, pics, size, imagesPerRow=6, imagePopup=True, parent=None):
        QtGui.QDialog.__init__(self)
        self.scrollArea = QtGui.QScrollArea(self)
        self.scrollArea.setWidgetResizable(True)
        self.scrollAreaWidgetContents = QtGui.QWidget(self.scrollArea)
        self.scrollArea.setWidget(self.scrollAreaWidgetContents)
        #sp = QtGui.QSizePolicy()
        #sp.setHorizontalPolicy(QtGui.QSizePolicy.Expanding)
        #self.setSizePolicy(sp)
        #self.scrollAreaWidgetContents.setSizePolicy(sp)
        #self.scrollArea.setSizePolicy(sp)

        self.verticalLayout = QtGui.QVBoxLayout(self)
        self.verticalLayout.addWidget(self.scrollArea)

        self.gLayoutScroll = QtGui.QGridLayout(self.scrollAreaWidgetContents)

        row = col = 0
        for pic in pics:
            thumb = QtGui.QLabel()
            pixmap = QtGui.QPixmap(pic)
            pixmap = pixmap.scaled(size, QtCore.Qt.KeepAspectRatioByExpanding, QtCore.Qt.SmoothTransformation)
            thumb.setPixmap(pixmap)
            self.gLayoutScroll.addWidget(thumb, row, col)

            col +=1
            if col % imagesPerRow == 0:
                row += 1
                col = 0

if __name__ == "__main__":
    import sys

    app = QtGui.QApplication(sys.argv)
    app.setApplicationName('myDialog')

    main = Images(['one.png','two.png','three.png','four.png'], size=QtCore.QSize(192,192))
    main.show()

    sys.exit(app.exec_())

1 个答案:

答案 0 :(得分:4)

您只需将滚动区域的最小宽度设置为内容的宽度即可。这样滚动区域最初将显示内容小部件的完整水平宽度。

这是我的例子(PySide,Python 3):

from PySide import QtGui, QtCore

class Images(QtGui.QScrollArea):
    def __init__(self, images):
        super().__init__()

        self.content = QtGui.QWidget()
        self.layout = QtGui.QGridLayout(self.content)
        self.layout.setSizeConstraint(QtGui.QLayout.SetFixedSize)
        col = 0
        for image in images:
            thumb = QtGui.QLabel()
            thumb.setPixmap(QtGui.QPixmap(image))
            self.layout.addWidget(thumb, 0, col)
            col += 1

        self.setWidget(self.content)
        self.setMinimumWidth(self.content.sizeHint().width())
        self.setHorizontalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOff)

app = QtGui.QApplication([])

window = QtGui.QWidget()
layout = QtGui.QVBoxLayout(window)
scroll_area = Images(['test.png','test.png','test.png','test.png'])
layout.addWidget(scroll_area)
window.show()

app.exec_()

在添加图像后,将滚动条的最小宽度设置为内容的首选宽度。我也关闭了水平滚动条,因为它并不是真正需要的。

结果是一个水平足够大但不一定在垂直方向的窗口(手动调整大小)。

expanded scroll area

两条评论:

  • 如果内容更改宽度,则必须再次执行此操作。
  • 垂直滚动条将与内容小部件内部(重叠)。如果您不希望将垂直滚动条的宽度添加到滚动区域的最小宽度。