PyQt5 有四種布局：水平(QHBoxLayout)、豎直(QVBoxLayout)、網(wǎng)格(QGridLayout)、表單(QFormLayout)

在窗體中單一的布局應(yīng)該不難，但若是比較復(fù)雜的布局，一般涉及到布局的嵌套，這就頭疼了。

本文的四個(gè)知識(shí)點(diǎn)：

1. 布局不能直接嵌套(如果我錯(cuò)了，歡迎指正！)

2. 內(nèi)層的布局必須先“附著”在一個(gè)空 QWidget 上

3. 然后把這個(gè)“承載”著內(nèi)層布局的空部件添加至外層布局

4. 最后，別忘記把全局布局“附著”到窗體本尊

0. 先看效果圖

下面對(duì)布局進(jìn)行分析

1. 全局布局分析

全局布局使用了一個(gè)水平布局

wlayout = QtWidgets.QHBoxLayout()

2. 局部布局分析

四個(gè)局部布局分別使用了水平布局、豎直布局、網(wǎng)格布局、表單布局

hlayout = QtWidgets.QHBoxLayout()

vlayout = QtWidgets.QVBoxLayout()

glayout = QtWidgets.QGridLayout()

flayout = QtWidgets.QFormLayout()

到這里，其實(shí)開(kāi)始時(shí)我產(chǎn)生了一個(gè)很自然，但是錯(cuò)誤的想法：把四個(gè)局部布局直接添加到全局布局內(nèi)：

wlayout.addWidget(hlayout)

wlayout.addWidget(vlayout)

wlayout.addWidget(glayout)

wlayout.addWidget(flayout)

報(bào)錯(cuò)信息提示：addWidget() 參數(shù)必須為 QWidget 類(lèi)型！

這給了我啟示：

先準(zhǔn)備四個(gè) QWidget： hwg, vwg, gwg, fwg

hwg = QtWidgets.QWidget()

vwg = QtWidgets.QWidget()

gwg = QtWidgets.QWidget()

fwg = QtWidgets.QWidget()

然后用這四個(gè) QWidget 分別去設(shè)置前面四個(gè)局部布局

hwg.setLayout(hlayout)

vwg.setLayout(vlayout)

gwg.setLayout(glayout)

fwg.setLayout(flayout)

再把這四個(gè) QWidget 部件添加至全局變量

wlayout.addWidget(hwg)

wlayout.addWidget(vwg)

wlayout.addWidget(gwg)

wlayout.addWidget(fwg)

最后一步，把全局布局應(yīng)用到窗體本尊

self.setLayout(wlayout)

3. 完整代碼

from PyQt5 importQtWidgetsclassMyWindow(QtWidgets.QWidget):def __init__(self):

super().__init__()

self.setWindowTitle('PyQt5布局示例')#開(kāi)始：

wlayout = QtWidgets.QHBoxLayout() #全局布局(1個(gè))：水平

hlayout= QtWidgets.QHBoxLayout() #局部布局(4個(gè))：水平、豎直、網(wǎng)格、表單

vlayout =QtWidgets.QVBoxLayout()

glayout=QtWidgets.QGridLayout()

flayout=QtWidgets.QFormLayout()

hlayout.addWidget(QtWidgets.QPushButton(str(1))) #局部布局添加部件(例如：按鈕)

hlayout.addWidget(QtWidgets.QPushButton(str(2)))

vlayout.addWidget(QtWidgets.QPushButton(str(3)))

vlayout.addWidget(QtWidgets.QPushButton(str(4)))

glayout.addWidget(QtWidgets.QPushButton(str(5)),0,0)

glayout.addWidget(QtWidgets.QPushButton(str(6)),0,1)

glayout.addWidget(QtWidgets.QPushButton(str(7)),1,0)

glayout.addWidget(QtWidgets.QPushButton(str(8)),1,1)

flayout.addWidget(QtWidgets.QPushButton(str(9)))

flayout.addWidget(QtWidgets.QPushButton(str(10)))

flayout.addWidget(QtWidgets.QPushButton(str(11)))

flayout.addWidget(QtWidgets.QPushButton(str(12)))

hwg= QtWidgets.QWidget() #準(zhǔn)備四個(gè)部件

vwg =QtWidgets.QWidget()

gwg=QtWidgets.QWidget()

fwg=QtWidgets.QWidget()

hwg.setLayout(hlayout)#四個(gè)部件設(shè)置局部布局

vwg.setLayout(vlayout)

gwg.setLayout(glayout)

fwg.setLayout(flayout)

wlayout.addWidget(hwg)#四個(gè)部件加至全局布局

wlayout.addWidget(vwg)

wlayout.addWidget(gwg)

wlayout.addWidget(fwg)

self.setLayout(wlayout)#窗體本尊設(shè)置全局布局

if __name__=="__main__":importsys

app=QtWidgets.QApplication(sys.argv)

win=MyWindow()

win.show()

sys.exit(app.exec_())

總結(jié)

以上是生活随笔為你收集整理的qt布局嵌套_PyQt5 笔记（01）：嵌套布局的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。