对于一个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)
来应用竖向布局。