第11天 | 28天学会PyQt5，网格布局

欢迎大家来到IT世界,在知识的湖畔探索吧!

网格布局QGridLayout即由行列组成的二维表格的布局方式。在QGridLayout中，可以定义表格的行列数目，以及单元格之间的横竖间距，还可以通过对所添加的控件的行数与列数的跨越，来实现一个部件占据多个单元格。

QGridLayout对象的setSpacing(self, spacing: int)方法，可设置控件在水平和垂直方向的间隔，spacing为整数, 默认值为10。

addWidget(QWidget widget,int row,int col,int alignment=0)方法用于往网格布局添加部件，设置指定的行和列，起始位置的默认值为(0 , 0)，相关参数说明如下：

还有一个重载方法addWidget(QWidget widget,int fromRow,int fromColulmn,int rowSpan,

int columnSpan,Qt.Alignment alignment=0)方法，用于往窗口添加的控件需要跨多行或者多列的时候，相关参数说明如下：

程序清单： gridlayout.py

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QDesktopWidget, QLabel, 
  \ QLineEdit, QTextEdit, QPushButton, QGridLayout
from PyQt5.QtCore import Qt


# 继承QWidget
class GridLayout(QWidget):
    def __init__(self):
        super().__init__()
        self.init_ui()

    def init_ui(self):
        # 创建一个网状布局
        grid = QGridLayout()
        grid.setSpacing(15)
        # 标题，跨4列
        title_lbl = QLabel("员工详细信息")
        grid.addWidget(title_lbl, 0, 0, 1, 4)  #
        # 姓名，输入框跨3列
        name_lbl = QLabel("姓名:")
        grid.addWidget(name_lbl, 1, 0)
        name_edt = QLineEdit(self)
        name_edt.setPlaceholderText("请输入员工的姓名")
        grid.addWidget(name_edt, 1, 1, 1, 3)  # 跨3列
        # 年龄和手机号，一行四列
        age_lbl = QLabel("年龄:")
        grid.addWidget(age_lbl, 2, 0)
        age_edt = QLineEdit(self)
        age_edt.setPlaceholderText("请输入年龄")
        grid.addWidget(age_edt, 2, 1)
        phone_lbl = QLabel("手机号:")
        grid.addWidget(phone_lbl, 2, 2, alignment=Qt.AlignRight)
        phone_edt = QLineEdit(self)
        phone_edt.setPlaceholderText("请输入手机号码")
        grid.addWidget(phone_edt, 2, 3)
        remark_edt = QTextEdit(self)
        remark_edt.setPlaceholderText("个人简介")
        grid.addWidget(remark_edt, 3, 0, 1, 4)
        # 两个按钮
        submit_btn = QPushButton("确 定")
        grid.addWidget(submit_btn, 5, 1, alignment=Qt.AlignRight)
        clear_btn = QPushButton("清 空")
        grid.addWidget(clear_btn, 5, 2, alignment=Qt.AlignLeft)
        # 添加网格布局到窗口
        self.setLayout(grid)
        # 调整窗口大小
        self.resize(900, 500)
        # 窗口居中
        self.center()
        # 窗口标题
        self.setWindowTitle("网格布局")
        # 显示窗口
        self.show()

    # 实现居中
    def center(self):
        f = self.frameGeometry()
        c = QDesktopWidget().availableGeometry().center()
        f.moveCenter(c)
        self.move(f.topLeft())


if __name__ == "__main__":
    app = QApplication(sys.argv)
    w = GridLayout()
    sys.exit(app.exec_())

欢迎大家来到IT世界,在知识的湖畔探索吧!

运行程序之后，弹出的窗口如下：

好了，网格布局的内容就说到这了，关注我，下一节更精彩。

码字不易，你的关注和转发是对我最大的鼓励，谢谢！

一个当了10年技术总监的老家伙，分享多年的编程经验。想学编程的朋友，关注我，你就赚到了。我正在分享Python、前端、Java和App方面的干货了。赶紧来围观啊!!!

#python##程序员##好平台好讲师##桌面##热搜#