快捷導(dǎo)航

Pyqt5中5種布局的實(shí)現(xiàn)示例

更新時(shí)間：2025年09月15日 10:33:08 作者：CClaris

本文介紹PyQt5中五種核心布局管理器的使用方法,包括水平布局、垂直布局、網(wǎng)格布局、表單布局及堆疊布局,下面就一起來(lái)了解一下,感興趣的可以了解一下

在PyQt5中，布局管理器是用來(lái)控制窗口中控件（widgets）的位置和大小的。使用布局管理器而不是手動(dòng)定位控件可以讓界面自動(dòng)適應(yīng)不同的窗口大小和顯示設(shè)置。PyQt5提供了多種布局管理器來(lái)滿足不同的布局需求。

1. 水平布局（QHBoxLayout）

QHBoxLayout 排列控件在水平方向上?？丶刺砑拥捻樞驈淖蟮接遗帕小?/p>

from PyQt5.QtWidgets import QWidget, QHBoxLayout, QPushButton

widget = QWidget()
hbox = QHBoxLayout()

hbox.addWidget(QPushButton('Button 1'))
hbox.addWidget(QPushButton('Button 2'))
hbox.addWidget(QPushButton('Button 3'))

widget.setLayout(hbox)
widget.show()

2. 垂直布局（QVBoxLayout）

QVBoxLayout 在垂直方向上排列控件?？丶刺砑拥捻樞驈纳系较屡帕小?/p>

from PyQt5.QtWidgets import QWidget, QVBoxLayout, QPushButton

widget = QWidget()
vbox = QVBoxLayout()

vbox.addWidget(QPushButton('Button 1'))
vbox.addWidget(QPushButton('Button 2'))
vbox.addWidget(QPushButton('Button 3'))

widget.setLayout(vbox)
widget.show()

3. 網(wǎng)格布局（QGridLayout）

QGridLayout 允許你以網(wǎng)格方式排列控件。你可以指定控件的行和列。

from PyQt5.QtWidgets import QWidget, QGridLayout, QPushButton

widget = QWidget()
grid = QGridLayout()

grid.addWidget(QPushButton('Button 1'), 0, 0)
grid.addWidget(QPushButton('Button 2'), 0, 1)
grid.addWidget(QPushButton('Button 3'), 1, 0)
grid.addWidget(QPushButton('Button 4'), 1, 1)

widget.setLayout(grid)
widget.show()

4. 表單布局（QFormLayout）

QFormLayout 是為表單設(shè)計(jì)的，它以兩列方式排列控件：左列是標(biāo)簽，右列是對(duì)應(yīng)的字段（如文本框）。

from PyQt5.QtWidgets import QWidget, QFormLayout, QLineEdit, QLabel

widget = QWidget()
form = QFormLayout()

form.addRow(QLabel('Name:'), QLineEdit())
form.addRow(QLabel('Age:'), QLineEdit())
form.addRow(QLabel('Job:'), QLineEdit())

widget.setLayout(form)
widget.show()

5. 堆疊布局（QStackedLayout）

QStackedLayout 允許你堆疊多個(gè)控件在同一個(gè)位置，然后選擇一個(gè)控件進(jìn)行顯示。

from PyQt5.QtWidgets import QWidget, QStackedLayout, QPushButton

widget = QWidget()
stack = QStackedLayout()

stack.addWidget(QPushButton('Button 1'))
stack.addWidget(QPushButton('Button 2'))
stack.addWidget(QPushButton('Button 3'))

# 設(shè)置當(dāng)前顯示的控件索引
stack.setCurrentIndex(1)

widget.setLayout(stack)
widget.show()