PyQt5学习笔记（九）：水平、垂直布局

对于一个GUI应用，界面的布局管理是很重要的一部分，简单地说，就是我们如何放置之前学习的QLabel、QWidget这些部件。在Qt里，你可以通过自己设置绝对位置来实现，当然更值得推荐的方式是通过Qt的layout类，现在我们先学习水平和垂直布局。

这里会用到两个基本的布局类，QVBoxLayout和QHBoxLayout，V代表Vertical，H代表Horizontal，分别控制竖向和横向的布局。

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

class Exp(QWidget):

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

        self.initUI()

    def initUI(self):

        okbutton = QPushButton('Ok')
        cancelbutton = QPushButton('Cancel')

        hbox = QHBoxLayout()
        hbox.addStretch()
        hbox.addWidget(okbutton)
        hbox.addWidget(cancelbutton)

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

        self.setLayout(vbox)

        self.setGeometry(300, 300, 300, 200)
        self.setWindowTitle('Layout Management')
        self.show()

if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Exp()
    sys.exit(app.exec_())

通过以上的代码，我们将两个按钮放置在了窗口的右下角，即使我们调整窗口的大小，他们相对于窗口的位置还是右下角，这相对于设置绝对位置而言更具优势和灵活性。

hbox = QHBoxLayout()
hbox.addStretch()
hbox.addWidget(okbutton)
hbox.addWidget(cancelbutton)

以上的代码，我们先创建了一个水平布局，然后把okbutton,cancelbutton放置在这个布局里面，这里还添加了一个addStrtch()，它的作用是在布局中添加空白，并把非空白内容顶到布局的尾部（对于QHBoxLayout()而言是右边，对于QVBoxLayout()而言是底部），这也是按钮始终能够在窗口右下角的原因。

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

这里创建了一个竖向的布局，把之前创建的水平向布局作为竖向布局的一个部件（在这里也是唯一的部件）添加进来，同样用到了addStretch()。

self.setLayout(vbox)

我们之前创建了两个布局，但这两个布局不是平等的，而是包含关系，水平布局只是竖向布局的一个部件，所以竖向布局是这个界面的总布局，我们通过setLayout(bbox)来应用竖向布局。

界面布局