布局管理——盒式布局

QHBoxLayout和QVBoxLayout分别是水平和垂直对齐控件的基本布局类

试想一下，我们希望把两个按钮在程序的右下角。

• 要创建这样一个布局，我们可以使用一横一纵两个框。
• 要创造必要的空余空间，我们可以添加一个拉伸因子(stretch factor)。

示例效果如下：

#!/usr/bin/python3
# -*- coding: utf-8 -*-

"""
ZetCode PyQt5 tutorial

In this example, we position two push
buttons in the bottom-right corner
of the window.

Author: Jan Bodnar
Website: zetcode.com
Last edited: August 2017
"""

import sys
from PyQt5.QtWidgets import (QWidget, QPushButton,
    QHBoxLayout, QVBoxLayout, QApplication)


class Example(QWidget):

    def __init__(self):
        super().__init__()

        self.initUI()


    def initUI(self):

        # create two push buttons
        okButton = QPushButton("OK")
        cancelButton = QPushButton("Cancel")

        hbox = QHBoxLayout()
        hbox.addStretch(1)
        hbox.addWidget(okButton)
        hbox.addWidget(cancelButton)

        vbox = QVBoxLayout()
        vbox.addStretch(1)
        vbox.addLayout(hbox)

        self.setLayout(vbox)

        self.setGeometry(300, 300, 300, 150)
        self.setWindowTitle('Buttons')
        self.show()


if __name__ == '__main__':

    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

这个例子在窗口的右下角放置了两个按钮。当我们调整应用程序窗口的大小时，他们是固定在右下角的。我们同时使用HBoxLayout 和QVBoxLayout布局。

hbox = QHBoxLayout()
hbox.addStretch(1)
hbox.addWidget(okButton)
hbox.addWidget(cancelButton)

我们创建了一个水平box布局，添加了拉伸因子(addStretch)，添加(addWidget)两个按钮。在添加两个按钮之前增加了一个拉伸因子，这可以将两个按钮推到窗口右侧。

vbox = QVBoxLayout()
        vbox.addStretch(1)
        vbox.addLayout(hbox)

要得到我们想要的布局，还需将横向布局放入垂直的布局中。在垂直框上的拉伸因子会将水平框包括里面的控件推至窗口的底部。

self.setLayout(vbox)

最后，我们设置窗口的主布局。