一 水平布局

打开 designer 选择创建主窗口

designer 布局中总共有4总布局，

我们选择 水平布局演示，拖动水平布局进入 编辑地区；

然后 将按钮一个一个丢到布局区

第一个按钮

第二个按钮

再丢2个然后保存到工程目录下；命名为 btn.ui 通过 扩展工具转为 btn.py；

然后新建一个btnQTmain.py文件，导入生成的btn.py 类，并且设置主窗口

# -*- coding: utf-8 -*-
import sys
from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtWidgets import QMainWindow
# 导入类
from qt.uic.layout.btn import  Ui_MainWindow

class MainWindow(QMainWindow, Ui_MainWindow):
    # 构造方法
    def __init__(self, parent=None):
        # 继承父类
        super(MainWindow, self).__init__(parent)
        # 特有方法
        self.setupUi(self)

if __name__ == "__main__":
    app = QtWidgets.QApplication(sys.argv)
    MainWindow = QtWidgets.QMainWindow()
    # 创建类
    ui = Ui_MainWindow()
    # 设置主窗口
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec_())

最终我们运行的结果如下，与布局时的样式一致

二 垂直布局

在原来的文件上添加 垂直布局框；再往框框里面丢按钮后保存

重新运行我们的扩展工具，将ui文件转为py文件

也可以是命令

pyuic5.exe btn.ui -o btn.py

替换相应的文件然后重新运行程序结果如下；

三 栅格布局

同理拖动栅格布局进入主编辑框，然后将按钮拖入栅格布局框；

重新保存文件后，使用扩展工具生成 py文件运行结果如下

四表单布局

准备的控件

拖入label控件修改名称

拖入 line edit 控件

这样一个表单就生成了，重复上面步骤，最终效果图如下

五 混合布局

放四个按钮，将名称改为 1，2，3，4

全选4个按钮 ，右击 选择栅格布局

最终效果如下

在加2个按钮

然后全选右击选择垂直布局，

最终效果如下

六 其它布局

当我们没有进行手动放入布局时，默认是绝对布局；

还有容器布局，控件如图；当然英文不好的同学就需要好好熟悉了！

七 栅格

放3个按钮将他们组成水平布局

然后丢入水平空格

最终设计图如下

八 尺寸

布局中控件还有最大尺寸，最小尺寸；

放置一个按钮，默认最大最小的尺寸如图；

点开箭头，我们可以对最大尺寸，最小尺寸进行修改