本篇Pyside6的第十三篇，新知识点，布局。
布局的方式有5种。着重挑选几种将
QVBoxLayout（垂直布局）：按垂直方向排列小部件。 QHBoxLayout（水平布局）：按水平方向排列小部件。 QGridLayout（网格布局）：将小部件放置在网格中的行和列位置上。 QFormLayout（表单布局）：用于创建标签和输入字段的表单布局。 QStackedLayout（堆叠布局）：在同一位置堆叠多个小部件，只显示其中一个小部件。
日常用的最多的也就是QVBoxLayout，QHBoxLayout。
本章没有多的废话，一切看代码走。
QHBoxLayout
from PySide6.QtWidgets import QVBoxLayout, QHBoxLayout, QApplication, \ QWidget, QPushButton, QTextEdit class LayoutQWidget(QWidget): def __init__(self): super(LayoutQWidget, self).__init__() self.setWindowTitle("布局") self.setGeometry(300, 300, 600, 500) self.UI() def UI(self): hLayout = QHBoxLayout(self) self.btn_login = QPushButton("登录") self.btn_register = QPushButton("注册") hLayout.addWidget(self.btn_login) # 添加进入布局 hLayout.addWidget(self.btn_register) if __name__ == '__main__': app = QApplication([]) la = LayoutQWidget() la.show() app.exec()
这样就有顺序的直接排布了
QVBoxLayout
from PySide6.QtWidgets import QVBoxLayout, QHBoxLayout, QApplication, \ QWidget, QPushButton, QTextEdit, QLabel class LayoutQWidget(QWidget): def __init__(self): super(LayoutQWidget, self).__init__() self.setWindowTitle("布局") self.setGeometry(300, 300, 600, 500) self.UI() def UI(self): vLayout = QVBoxLayout(self) self.labelLogin = QLabel("账号") self.labelRegister = QLabel("密码") vLayout.addWidget(self.labelLogin) vLayout.addWidget(self.labelRegister) if __name__ == '__main__': app = QApplication([]) la = LayoutQWidget() la.show() app.exec()
可以看到，垂直布局就这样加入了
但是看着就特别的宽，如何优化？
如何对布局进行限制
❝结果是告诉你，没有办法直接限制，需要将它放入容器里面，从而限制容器大小，从而限制它。例如QFrame,QWidget。
❞
例如：
from PySide6.QtWidgets import QVBoxLayout, QHBoxLayout, QApplication, \ QWidget, QPushButton, QTextEdit, QLabel, QFrame class LayoutQWidget(QWidget): def __init__(self): super(LayoutQWidget, self).__init__() self.setWindowTitle("布局") self.setGeometry(300, 300, 600, 500) self.UI() def UI(self): frame = QFrame(self) frame.setGeometry(100, 100, 80, 80) vLayout = QVBoxLayout(self) self.labelLogin = QLabel("账号") self.labelRegister = QLabel("密码") vLayout.addWidget(self.labelLogin) vLayout.addWidget(self.labelRegister) frame.setLayout(vLayout) if __name__ == '__main__': app = QApplication([]) la = LayoutQWidget() la.show() app.exec()
这样就限制住了，不过，QFrame这种容器要根据控件的大小灵活调试才行。后面有讲到designer的话，就不需要手写这些东西了。
布局中嵌套布局
from PySide6.QtWidgets import QVBoxLayout, QHBoxLayout, QApplication, \ QWidget, QPushButton, QLabel, QFrame, QLineEdit class LayoutQWidget(QWidget): def __init__(self): super(LayoutQWidget, self).__init__() self.setWindowTitle("布局") self.setGeometry(300, 300, 600, 500) self.UI() def UI(self): frame = QFrame(self) frame.setGeometry(100, 100, 200, 100) inputLayout = QVBoxLayout() labelHLayout = QHBoxLayout() linehLayout = QHBoxLayout() self.labelLogin = QLabel("账号") self.lineLogin = QLineEdit("请输入账号") self.labelRegister = QLabel("密码") self.lineRegister = QLineEdit("请输入密码") labelHLayout.addWidget(self.labelRegister) # 加入布局 labelHLayout.addWidget(self.lineRegister) # 加入布局 linehLayout.addWidget(self.labelLogin) # 加入布局 linehLayout.addWidget(self.lineLogin) # 加入布局 inputLayout.addLayout(labelHLayout) inputLayout.addLayout(linehLayout) frame.setLayout(inputLayout) # 添加布局 if __name__ == '__main__': app = QApplication([]) la = LayoutQWidget() la.show() app.exec()
❝QFrame，是前面提到过的，这里是派上用场了，他与QWidget使用方法差不多。
❞
代码中，通过显示QFrame大小来限制整个文本以及输入框的布局，通过调节QFrame位置来调整整体位置。
整体思路，就是向布局中填入控件，来达到具体的效果。
QGridLayout布局
这个用的比较的少，一起看看如何使用
from PySide6.QtWidgets import QVBoxLayout, QHBoxLayout, QApplication, \ QWidget, QPushButton, QLabel, QFrame, QLineEdit, QGridLayout class LayoutQWidget(QWidget): def __init__(self): super(LayoutQWidget, self).__init__() self.setWindowTitle("布局") self.setGeometry(300, 300, 600, 500) self.UI() def UI(self): layout = QGridLayout() label1 = QLabel("Label 1") label2 = QLabel("Label 2") lineEdit1 = QLineEdit() lineEdit2 = QLineEdit() button = QPushButton("Submit") layout.addWidget(label1, 0, 0) # 添加到第 0 行，第 0 列 layout.addWidget(lineEdit1, 0, 1) # 添加到第 0 行，第 1 列 layout.addWidget(label2, 1, 0) # 添加到第 1 行，第 0 列 layout.addWidget(lineEdit2, 1, 1) # 添加到第 1 行，第 1 列 layout.addWidget(button, 2, 0, 1, 2) # 添加到第 2 行，占据 1 行 2 列的区域 self.setLayout(layout) if __name__ == '__main__': app = QApplication([]) la = LayoutQWidget() la.show() app.exec()
QFormLayout布局
这个也不是很常用，了解用法
from PySide6.QtWidgets import QVBoxLayout, QHBoxLayout, QApplication, \ QWidget, QPushButton, QLabel, QFrame, QLineEdit, QGridLayout, QFormLayout class LayoutQWidget(QWidget): def __init__(self): super(LayoutQWidget, self).__init__() self.setWindowTitle("布局") self.setGeometry(300, 300, 600, 500) self.UI() def UI(self): layout = QFormLayout() label1 = QLabel("Name:") lineEdit1 = QLineEdit() label2 = QLabel("Email:") lineEdit2 = QLineEdit() button = QPushButton("Submit") layout.addRow(label1, lineEdit1) # 添加一行，包括标签和文本输入框 layout.addRow(label2, lineEdit2) layout.addRow(button) self.setLayout(layout) if __name__ == '__main__': app = QApplication([]) la = LayoutQWidget() la.show() app.exec()
小结
❝值得注意的是，他们的添加控件方式略有不同。
❞
在Pyqt5中，本章中布局里面的很多东西，都有额外添加。准确的说是Pyside6先对于Pyqt5是取消了很多的东西。以便于更好的使用。
最后，本章代码地址：
https://gitee.com/qinganan_admin/Pyside6_Information/blob/master/%E7%AC%AC%E4%B9%9D%E7%AB%A0%EF%BC%8C%E5%B8%83%E5%B1%80/%E5%B8%83%E5%B1%80.py
自此。废话篇章到此结束了，后面该上干货了。
