一、简介

PyQt5布局一般可分为：

• QHBoxLayout: 横向布局
• QVBoxLayout: 纵向布局
• QGridLayout: 表格布局
• QStackedLayout: 堆砌布局

下面我们一一介绍这几种布局，为了更直观的表现布局，我们先设计一个组件并涂上颜色：

from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *

# 仅用于访问命令行参数
import sys

class Color(QWidget):

    def __init__(self, color, *args, **kwargs):
        super(Color, self).__init__(*args, **kwargs)
        self.setAutoFillBackground(True)
        
        palette = self.palette()
        palette.setColor(QPalette.Window, QColor(color))
        self.setPalette(palette)


# 子类QMainWindow来定制你的应用程序的主窗口
class MainWindow(QMainWindow):

    def __init__(self, *args, **kwargs):
        super(MainWindow, self).__init__(*args, **kwargs)
        
        self.setWindowTitle("高效码农")

        widget = Color('red')
        self.setCentralWidget(widget)


# 每个应用程序需要一个(且只有一个)QApplication实例。
# 如果确定不会使用命令行参数，QApplication([])也可以。
app = QApplication(sys.argv)

window = MainWindow()
window.show() # 重要!!!!! Windows 默认是隐藏的.

# 启动.
app.exec_()

二、QVBoxLayout 垂直布局

使用QVBoxLayout，可以将小部件线性地排列在另一个下面。将把新的小部件添加到列的底部。

from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *

# 仅用于访问命令行参数
import sys

class Color(QWidget):

    def __init__(self, color, *args, **kwargs):
        super(Color, self).__init__(*args, **kwargs)
        self.setAutoFillBackground(True)
        
        palette = self.palette()
        palette.setColor(QPalette.Window, QColor(color))
        self.setPalette(palette)


# 子类QMainWindow来定制你的应用程序的主窗口
class MainWindow(QMainWindow):

    def __init__(self, *args, **kwargs):
        super(MainWindow, self).__init__(*args, **kwargs)
        
        self.setWindowTitle("高效码农")

        layout = QVBoxLayout()

        layout.addWidget(Color('red'))
        layout.addWidget(Color('green'))
        layout.addWidget(Color('blue'))
        
        widget = QWidget()
        widget.setLayout(layout)
        self.setCentralWidget(widget)


# 每个应用程序需要一个(且只有一个)QApplication实例。
# 如果确定不会使用命令行参数，QApplication([])也可以。
app = QApplication(sys.argv)

window = MainWindow()
window.show() # 重要!!!!! Windows 默认是隐藏的.

# 启动.
app.exec_()

运行效果：

三、QHBoxLayout 水平布局

小部件将会其添加到右侧。要使用它，我们只需将更QVBoxLayout改为即可QHBoxLayout。

 # layout = QVBoxLayout()
 layout = QHBoxLayout()

运行效果：

四、嵌套布局

对于更复杂的布局，可以使用布局上的. addlayout将布局嵌套在另一个布局中。下面我们将QVBoxLayout添加到主QHBoxLayout中。如果我们向QVBoxLayout中添加一些小部件，它们将被垂直地排列在父布局的第一个槽中。

from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *

# 仅用于访问命令行参数
import sys

class Color(QWidget):

    def __init__(self, color, *args, **kwargs):
        super(Color, self).__init__(*args, **kwargs)
        self.setAutoFillBackground(True)
        
        palette = self.palette()
        palette.setColor(QPalette.Window, QColor(color))
        self.setPalette(palette)


# 子类QMainWindow来定制你的应用程序的主窗口
class MainWindow(QMainWindow):

    def __init__(self, *args, **kwargs):
        super(MainWindow, self).__init__(*args, **kwargs)
        
        self.setWindowTitle("高效码农")

        layout1 = QHBoxLayout()
        layout2 = QVBoxLayout()
        layout3 = QVBoxLayout()

        layout2.addWidget(Color('red'))
        layout2.addWidget(Color('yellow'))
        layout2.addWidget(Color('purple'))

        layout1.addLayout( layout2 )

        layout1.addWidget(Color('green'))

        layout3.addWidget(Color('red'))
        layout3.addWidget(Color('purple'))
        
        layout1.addLayout( layout3 )
        
        widget = QWidget()
        widget.setLayout(layout1)
        self.setCentralWidget(widget)


# 每个应用程序需要一个(且只有一个)QApplication实例。
# 如果确定不会使用命令行参数，QApplication([])也可以。
app = QApplication(sys.argv)

window = MainWindow()
window.show() # 重要!!!!! Windows 默认是隐藏的.

# 启动.
app.exec_()

运行效果：

可以使用. setcontentmargin设置布局周围的间距，也可以使用. setspacing设置元素之间的间距。

五、QGridLayout 网格布局

尽管QVBoxLayout和QHBoxLayout很有用，但是如果你尝试使用QVBoxLayout和QHBoxLayout来布局多个元素，比如一个表单，你会发现很难确保不同大小的小部件排列在一起。对此的解决方案是QGridLayout。

QGridLayout允许明确地在网格中定位项。为每个小部件指定行和列位置。也可以跳过元素，它们将被保留为空。

有用的是，对于QGridLayout，不需要填充网格中的所有位置。

from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *

# 仅用于访问命令行参数
import sys

class Color(QWidget):

    def __init__(self, color, *args, **kwargs):
        super(Color, self).__init__(*args, **kwargs)
        self.setAutoFillBackground(True)
        
        palette = self.palette()
        palette.setColor(QPalette.Window, QColor(color))
        self.setPalette(palette)


# 子类QMainWindow来定制你的应用程序的主窗口
class MainWindow(QMainWindow):

    def __init__(self, *args, **kwargs):
        super(MainWindow, self).__init__(*args, **kwargs)
        
        self.setWindowTitle("高效码农")

        layout = QGridLayout()

        layout.addWidget(Color('red'), 0, 0)
        layout.addWidget(Color('green'), 1, 0)
        layout.addWidget(Color('blue'), 1, 1)
        layout.addWidget(Color('purple'), 2, 1)

        widget = QWidget()
        widget.setLayout(layout)
        self.setCentralWidget(widget)


# 每个应用程序需要一个(且只有一个)QApplication实例。
# 如果确定不会使用命令行参数，QApplication([])也可以。
app = QApplication(sys.argv)

window = MainWindow()
window.show() # 重要!!!!! Windows 默认是隐藏的.

# 启动.
app.exec_()

运行结果：

六、QStackedLayout 堆砌布局

此布局允许您将元素直接放置在另一个元素的前面。然后可以选择要显示的小部件。您可以使用它在图形应用程序中绘制层，或用于模仿类似于选项卡的界面。注意，还有QStackedWidget，它是一个容器小部件，工作方式完全相同。如果您想使用. setcentralwidget将堆栈直接添加到QMainWindow，那么这将非常有用。

from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *

# 仅用于访问命令行参数
import sys

class Color(QWidget):

    def __init__(self, color, *args, **kwargs):
        super(Color, self).__init__(*args, **kwargs)
        self.setAutoFillBackground(True)
        
        palette = self.palette()
        palette.setColor(QPalette.Window, QColor(color))
        self.setPalette(palette)


# 子类QMainWindow来定制你的应用程序的主窗口
class MainWindow(QMainWindow):

    def __init__(self, *args, **kwargs):
        super(MainWindow, self).__init__(*args, **kwargs)
        
        self.setWindowTitle("高效码农")

        layout = QStackedLayout()

        layout.addWidget(Color('red'))
        layout.addWidget(Color('green'))
        layout.addWidget(Color('blue'))
        layout.addWidget(Color('yellow'))
        
        layout.setCurrentIndex(3)

        widget = QWidget()
        widget.setLayout(layout)
        self.setCentralWidget(widget)


# 每个应用程序需要一个(且只有一个)QApplication实例。
# 如果确定不会使用命令行参数，QApplication([])也可以。
app = QApplication(sys.argv)

window = MainWindow()
window.show() # 重要!!!!! Windows 默认是隐藏的.

# 启动.
app.exec_()

运行效果：

可以看到所有的颜色都被黄色覆盖