目錄
3.1 水平布局（QHBoxLayout）和垂直布局（QVBoxLayout）
注：原創(chuàng)不易，轉(zhuǎn)載請務(wù)必注明原作者和出處，感謝支持！
一 寫在開頭
1.1 本文內(nèi)容
本文內(nèi)容為PyQt5中的布局管理。具體內(nèi)容為:
絕對布局
布局類
水平布局（QHBoxLayout）
垂直布局（QVBoxLayout）
網(wǎng)格布局（QGridLayout）
表單布局（QFormLayout）
嵌套布局
布局管理器QSplitter
二 絕對布局
絕對布局主要用到兩個方法，分別是move()和setGeometry()。
#!/usr/bin/env python3# -*- coding: utf-8 -*-
import sys
from PyQt5.QtWidgets import QWidget, QLabel, QApplication
class Window(QWidget):? ?
def __init__(self):? ? ? ? super().__init__()? ? ? ? self.initUI()? ? ? ? ? ? def initUI(self):? ? ? ? lb1 =QLabel('歡迎',self)? ? ? ? lb1.move(15, 10)? ? ? ? lb2 =QLabel('學(xué)習(xí)',self)? ? ? ? lb2.move(35, 40)? ? ? ? lb3 =QLabel('PyQt5',self)? ? ? ? lb3.move(55, 70)? ? ? ? self.setGeometry(300, 300, 250, 150)? ? ? ? self.setWindowTitle('PyQt5中的絕對定位')? ? ? ? self.show()if __name__ == '__main__':? ? app =QApplication(sys.argv)? ? w =Window()? ? sys.exit(app.exec_())
? ? <?php
? ? ? ? echo "Hello world!";
? ? ?>
絕對布局的優(yōu)點：
可以直接定位每個控件的位置
絕對布局的缺點：
如果改變一個窗口的大小，窗口中控件的大小和位置不會隨之改變
所生成的窗口在不同的操作系統(tǒng)下看起來可能不一樣
在程序中改變字體時可能會破壞布局
如果修改布局，比如新增一個控件，就必須全部重新布局，既煩瑣又費時
三 布局類
3.1 水平布局（QHBoxLayout）和垂直布局（QVBoxLayout）
本小節(jié)涉及到的方法及其描述如下：
方法描述
addLayout(self, QLayout, stretch = 0)在窗口中添加布局，stretch為伸縮量，默認(rèn)為0
addWidget(self, QWidget, stretch, Qt.Alignment alignment)在布局中添加控件，stretch為伸縮量，alignment為對齊方式
addSpacing(self, int)添加伸縮量，具體使用方法見下面的例子
對齊方式Qt.Alignment可能取值有：
參數(shù)描述
Qt.AlignLeft水平居左對齊
Qt.AlignRight水平居右對齊
Qt.AlignCenter水平居中對齊
Qt.AlignJustify水平兩端對齊
Qt.AlignTop垂直靠上對齊
Qt.AlignBottom垂直靠下對齊
Qt.AlignVCenter垂直居中對齊
3.2 水平布局和垂直布局實例
#!/usr/bin/env python3# -*- coding: utf-8 -*-importsysfromPyQt5.QtWidgetsimportQWidget, QPushButton, QHBoxLayout, QApplicationclassWindow(QWidget):? ? def __init__(self):? ? ? ? super().__init__()? ? ? ? hbox =QHBoxLayout()? ? ? ? hbox.addWidget(QPushButton(str(1)))? ? ? ? hbox.addWidget(QPushButton(str(2)))? ? ? ? hbox.addWidget(QPushButton(str(3)))? ? ? ? hbox.addWidget(QPushButton(str(4)))? ? ? ? hbox.addWidget(QPushButton(str(5)))? ? ? ? self.setLayout(hbox)? ? ? ? self.setWindowTitle('QHBoxLayout')? ? ? ? self.show()if __name__ == '__main__':? ? app =QApplication(sys.argv)? ? w =Window()? ? sys.exit(app.exec_())
#!/usr/bin/env python3# -*- coding: utf-8 -*-importsysfromPyQt5.QtCoreimportQtfromPyQt5.QtWidgetsimportQWidget, QPushButton, QHBoxLayout, QApplicationclassWindow(QWidget):? ? def __init__(self):? ? ? ? super().__init__()? ? ? ? hbox =QHBoxLayout()? ? ? ? hbox.addWidget(QPushButton(str(1)), 0,Qt.AlignTop)? ? ? ? hbox.addWidget(QPushButton(str(2)), 0,Qt.AlignTop|Qt.AlignLeft)? ? ? ? hbox.addWidget(QPushButton(str(3)), 0)? ? ? ? hbox.addWidget(QPushButton(str(4)), 0,Qt.AlignLeft|Qt.AlignBottom)? ? ? ? hbox.addWidget(QPushButton(str(5)), 0,Qt.AlignTop)? ? ? ? self.setLayout(hbox)? ? ? ? self.setWindowTitle('水平布局')? ? ? ? self.show()if __name__ == '__main__':? ? app =QApplication(sys.argv)? ? w =Window()? ? sys.exit(app.exec_())
關(guān)于addSpacing()的用法見下面的實例。
#!/usr/bin/env python3# -*- coding: utf-8 -*-importsysfromPyQt5.QtWidgetsimportQWidget, QPushButton, QHBoxLayout, QApplicationclassWindow(QWidget):? ? def __init__(self):? ? ? ? super().__init__()? ? ? ? btn1 =QPushButton()? ? ? ? btn2 =QPushButton()? ? ? ? btn3 =QPushButton()? ? ? ? btn1.setText(str(1))? ? ? ? btn2.setText(str(2))? ? ? ? btn3.setText(str(3))? ? ? ? # addSpacing(1)表示設(shè)置伸縮量為1? ? ? ? hbox =QHBoxLayout()? ? ? ? hbox.addStretch(1)? ? ? ? hbox.addWidget(btn1)? ? ? ? hbox.addStretch(1)? ? ? ? hbox.addWidget(btn2)? ? ? ? hbox.addStretch(1)? ? ? ? hbox.addWidget(btn3)? ? ? ? hbox.addStretch(1)? ? ? ? self.setLayout(hbox)? ? ? ? self.setWindowTitle('addStretch')? ? ? ? self.show()if __name__ == '__main__':? ? app =QApplication(sys.argv)? ? w =Window()? ? sys.exit(app.exec_())
#!/usr/bin/env python3# -*- coding: utf-8 -*-importsysfromPyQt5.QtWidgetsimportQWidget, QPushButton, QHBoxLayout, QApplicationclassWindow(QWidget):? ? def __init__(self):? ? ? ? super().__init__()? ? ? ? btn1 =QPushButton()? ? ? ? btn2 =QPushButton()? ? ? ? btn3 =QPushButton()? ? ? ? btn1.setText(str(1))? ? ? ? btn2.setText(str(2))? ? ? ? btn3.setText(str(3))? ? ? ? hbox =QHBoxLayout()? ? ? ? hbox.addStretch(0)? ? ? ? hbox.addWidget(btn1)? ? ? ? hbox.addWidget(btn2)? ? ? ? hbox.addWidget(btn3)? ? ? ? hbox.addStretch(0)? ? ? ? self.setLayout(hbox)? ? ? ? self.setWindowTitle('addStretch')? ? ? ? self.show()if __name__ == '__main__':? ? app =QApplication(sys.argv)? ? w =Window()? ? sys.exit(app.exec_())
3.3 網(wǎng)格布局（QGridLayout）
網(wǎng)格布局需要用到的方法及其描述如下。
方法描述
addWidget(QWidget widget, int row, int col, int alignment = 0)給網(wǎng)格布局添加控件。
widget：要添加的控件
row：位置所在行
col：位置所在列
alignment：對齊方式
addWidget(QWidget widget, int fromRow, int fromColumn, int rowSpan, int columnSpan, int alignment)當(dāng)所添加的控件跨越多行或多列時，使用這個函數(shù)
fromRow：起始行
fromColumn：起始列
rowSpan：控件跨越的行
columnSpan：控件跨越的列
setSpacing(int spacing)設(shè)置控件在水平和垂直方向的間隔
3.4 網(wǎng)格布局實例
#!/usr/bin/env python3# -*- coding: utf-8 -*-import sysfrom PyQt5.QtWidgets import QWidget, QGridLayout, QPushButton, QApplicationclassWindow(QWidget):def__init__(self):super().__init__()self.initUI()definitUI(self):? ? ? ? grid = QGridLayout()self.setLayout(grid)? ? ? ? names = ['Cls','Back','','Close','7','8','9','/','4','5','6','*','1','2','3','-','0','.','=','+']? ? ? ? positions = [(i, j)foriinrange(5)forjinrange(4)]forposition, nameinzip(positions, names):ifname =='':? ? ? ? ? ? ? ? continue? ? ? ? ? ? btn = QPushButton(name)? ? ? ? ? ? grid.addWidget(btn, *position)self.move(300,150)self.setWindowTitle('網(wǎng)格布局')self.show()if__name__=='__main__':? ? app = QApplication(sys.argv)? ? w = Window()? ? sys.exit(app.exec_())
#!/usr/bin/env python3# -*- coding: utf-8 -*-importsysfromPyQt5.QtWidgetsimportQWidget, QLabel, QLineEdit, QTextEdit, QGridLayout, QApplicationclassWindow(QWidget):? ? def __init__(self):? ? ? ? super().__init__()? ? ? ? self.initUI()? ? def initUI(self):? ? ? ? title =QLabel('標(biāo)題')? ? ? ? author =QLabel('提交人')? ? ? ? review =QLabel('申告內(nèi)容')? ? ? ? titleEdit =QLineEdit()? ? ? ? authorEdit =QLineEdit()? ? ? ? reviewEdit =QTextEdit()? ? ? ? grid =QGridLayout()? ? ? ? grid.setSpacing(10)? ? ? ? self.setLayout(grid)? ? ? ? grid.addWidget(title, 0, 0)? ? ? ? grid.addWidget(titleEdit, 0, 1)? ? ? ? grid.addWidget(author, 1, 0)? ? ? ? grid.addWidget(authorEdit, 1, 1)? ? ? ? grid.addWidget(review, 2, 0)? ? ? ? grid.addWidget(reviewEdit, 2, 1, 2, 1)? ? ? ? self.setGeometry(300, 300, 350, 300)? ? ? ? self.setWindowTitle('故障申報')? ? ? ? self.show()if __name__ == '__main__':? ? app =QApplication(sys.argv)? ? w =Window()? ? sys.exit(app.exec_())
3.5 表單布局（QFormLayout）
QFormLayout是label-field式的表單布局，顧名思義，就是實現(xiàn)表單方式的布局。表單是提示用戶進(jìn)行交互的一種模式，其主要由兩列組成，第一列用于顯示信息，給用戶提示，一般叫做label域；第二列需要用戶進(jìn)行選擇或者輸入，一般叫做field域。label與field的關(guān)系就是label關(guān)聯(lián)field。
QFormLayout需要用到addRow(label, field)方法。
3.6 表單布局實例
#!/usr/bin/env python3# -*- coding: utf-8 -*-importsysfromPyQt5.QtWidgetsimportQWidget, QFormLayout, QLabel, QLineEdit, QApplicationclassWindow(QWidget):? ? def __init__(self):? ? ? ? super().__init__()? ? ? ? self.initUI()? ? def initUI(self):? ? ? ? form =QFormLayout()? ? ? ? lb1 =QLabel('標(biāo)簽1')? ? ? ? le1 =QLineEdit()? ? ? ? lb2 =QLabel('標(biāo)簽2')? ? ? ? le2 =QLineEdit()? ? ? ? lb3 =QLabel('標(biāo)簽3')? ? ? ? le3 =QLineEdit()? ? ? ? form.addRow(lb1,le1)? ? ? ? form.addRow(lb2,le2)? ? ? ? form.addRow(lb3,le3)? ? ? ? self.resize(400, 100)? ? ? ? self.setLayout(form)? ? ? ? self.setWindowTitle('QFormLayout')? ? ? ? self.show()if __name__ == '__main__':? ? app =QApplication(sys.argv)? ? w =Window()? ? sys.exit(app.exec_())
3.7 嵌套布局
所謂嵌套布局就是綜合應(yīng)用上述的布局進(jìn)行嵌套以完成整體窗口的布局。下面是有關(guān)嵌套布局的兩個等價實例。注意第二個實例更加簡單。
#!/usr/bin/env python3# -*- coding: utf-8 -*-importsysfromPyQt5.QtWidgetsimportQApplication, QWidget, QHBoxLayout, QVBoxLayout, \QGridLayout,QFormLayout,QPushButtonclassWindow(QWidget):? ? def __init__(self):? ? ? ? super().__init__()? ? ? ? self.setWindowTitle('嵌套布局')? ? ? ? # 全局布局：水平? ? ? ? wlayout =QHBoxLayout()? ? ? ? # 局部布局：水平，垂直，網(wǎng)格，表單? ? ? ? hlayout =QHBoxLayout()? ? ? ? vlayout =QVBoxLayout()? ? ? ? glayout =QGridLayout()? ? ? ? flayout =QFormLayout()? ? ? ? # 為局部布局添加控件? ? ? ? hlayout.addWidget(QPushButton(str(1)))? ? ? ? hlayout.addWidget(QPushButton(str(2)))? ? ? ? vlayout.addWidget(QPushButton(str(3)))? ? ? ? vlayout.addWidget(QPushButton(str(4)))? ? ? ? glayout.addWidget(QPushButton(str(5)), 0, 0)? ? ? ? glayout.addWidget(QPushButton(str(6)), 0, 1)? ? ? ? glayout.addWidget(QPushButton(str(7)), 1, 0)? ? ? ? glayout.addWidget(QPushButton(str(8)), 1, 1)? ? ? ? flayout.addWidget(QPushButton(str(9)))? ? ? ? flayout.addWidget(QPushButton(str(10)))? ? ? ? flayout.addWidget(QPushButton(str(11)))? ? ? ? flayout.addWidget(QPushButton(str(12)))? ? ? ? # 準(zhǔn)備4個控件? ? ? ? hwg =QWidget()? ? ? ? vwg =QWidget()? ? ? ? gwg =QWidget()? ? ? ? fwg =QWidget()? ? ? ? # 使用4個控件設(shè)置局部布局? ? ? ? hwg.setLayout(hlayout)? ? ? ? vwg.setLayout(vlayout)? ? ? ? gwg.setLayout(glayout)? ? ? ? fwg.setLayout(flayout)? ? ? ? # 將4個控件添加到全局布局中? ? ? ? wlayout.addWidget(hwg)? ? ? ? wlayout.addWidget(vwg)? ? ? ? wlayout.addWidget(gwg)? ? ? ? wlayout.addWidget(fwg)? ? ? ? self.setLayout(wlayout)? ? ? ? self.show()if __name__ == '__main__':? ? app =QApplication(sys.argv)? ? w =Window()? ? sys.exit(app.exec_())
#!/usr/bin/env python3importsysfromPyQt5.QtWidgetsimportQApplication, QWidget, QHBoxLayout, QVBoxLayout, \QGridLayout,QFormLayout,QPushButtonclassWindow(QWidget):? ? def __init__(self):? ? ? ? super().__init__()? ? ? ? self.setWindowTitle('嵌套布局')? ? ? ? self.resize(700, 200)? ? ? ? # 全局控件（注意參數(shù)self），用于承載全局布局? ? ? ? wwg =QWidget(self)? ? ? ? # 全局布局? ? ? ? wl =QHBoxLayout(wwg)? ? ? ? hlayout =QHBoxLayout()? ? ? ? vlayout =QVBoxLayout()? ? ? ? glayout =QGridLayout()? ? ? ? flayout =QFormLayout()? ? ? ? # 為局部布局添加控件? ? ? ? hlayout.addWidget(QPushButton(str(1)))? ? ? ? hlayout.addWidget(QPushButton(str(2)))? ? ? ? vlayout.addWidget(QPushButton(str(3)))? ? ? ? vlayout.addWidget(QPushButton(str(4)))? ? ? ? glayout.addWidget(QPushButton(str(5)), 0, 0)? ? ? ? glayout.addWidget(QPushButton(str(6)), 0, 1)? ? ? ? glayout.addWidget(QPushButton(str(7)), 1, 0)? ? ? ? glayout.addWidget(QPushButton(str(8)), 1, 1)? ? ? ? flayout.addWidget(QPushButton(str(9)))? ? ? ? flayout.addWidget(QPushButton(str(10)))? ? ? ? flayout.addWidget(QPushButton(str(11)))? ? ? ? flayout.addWidget(QPushButton(str(12)))? ? ? ? # 在布局布局wl中添加局部布局? ? ? ? wl.addLayout(hlayout)? ? ? ? wl.addLayout(vlayout)? ? ? ? wl.addLayout(glayout)? ? ? ? wl.addLayout(flayout)? ? ? ? self.show()if __name__ == '__main__':? ? app =QApplication(sys.argv)? ? w =Window()? ? sys.exit(app.exec_())
3.8 布局管理器QSplitter
PyQt提供了一個特殊的布局管理器QSplitter，它可以動態(tài)地拖動子控件之間的邊界，算是一個動態(tài)的布局管理器。
與QSplitter相關(guān)的方法及其描述如下。
方法描述
addWidget()將控件添加到QSplitter管理器的布局中
indexOf()返回控件在QSplitter管理器中的索引
insertWidget()根據(jù)索引將一個控件插入到QSplitter管理器中
setOrientation()設(shè)置布局方法
Qt.Horizontal：水平方向
Qt.Vertical：垂直方向
setSizes()設(shè)置控件的初始化大小
count()返回小控件在QSplitter管理器中的數(shù)量
#!/usr/bin/env python3importsysfromPyQt5.QtWidgetsimportQWidget, QHBoxLayout, QSplitter, QTextEdit, \QApplication,QFramefromPyQt5.QtCoreimportQtclassWindow(QWidget):? ? def __init__(self):? ? ? ? super().__init__()? ? ? ? self.initUI()? ? def initUI(self):? ? ? ? hbox =QHBoxLayout(self)? ? ? ? self.setWindowTitle('QSplitter')? ? ? ? self.setGeometry(300, 300, 300, 200)? ? ? ? topleft =QFrame()? ? ? ? topleft.setFrameShape(QFrame.StyledPanel)? ? ? ? bottom =QFrame()? ? ? ? bottom.setFrameShape(QFrame.StyledPanel)? ? ? ? sp1 =QSplitter(Qt.Horizontal)? ? ? ? te =QTextEdit()? ? ? ? sp1.addWidget(topleft)? ? ? ? sp1.addWidget(te)? ? ? ? sp1.setSizes([100, 200])? ? ? ? sp2 =QSplitter(Qt.Vertical)? ? ? ? sp2.addWidget(sp1)? ? ? ? sp2.addWidget(bottom)? ? ? ? hbox.addWidget(sp2)? ? ? ? self.setLayout(hbox)? ? ? ? self.show()if __name__ == '__main__':? ? app =QApplication(sys.argv)? ? w =Window()? ? sys.exit(app.exec_())
