布局简介

一个pyqt窗口中可以有多个控件。所谓布局,指的就是多个控件在窗口中的展示方式
布局方式大致分为:

  • 水平布局
  • 竖直布局
  • 网格布局
  • 表单布局

    2. 水平布局QHBoxLayout

    水平布局中,是按照从左往右的顺序添加控件的
    image.png
    代码示例： ```python from PyQt5.QtWidgets import QApplication,QWidget,QPushButton,QHBoxLayout from PyQt5.QtCore import * from PyQt5.QtGui import QIcon import sys

1.创建应用程序

app = QApplication(sys.argv)

2.创建窗口

w = QWidget()

修改窗口标题

w.setWindowTitle(‘水平布局’) “””————————— 创建按钮 —————————“”” btn1 = QPushButton(‘1’) btn2 = QPushButton(‘2’) btn3 = QPushButton(‘3’) btn4 = QPushButton(‘4’) btn5 = QPushButton(‘5’)

创建布局

layout = QHBoxLayout()

添加布局到窗口中

w.setLayout(layout)

按钮控件添加到布局中

layout.addWidget(btn1) layout.addWidget(btn2) layout.addWidget(btn3) layout.addWidget(btn4) layout.addWidget(btn5)

3.显示窗口

w.show()

4.等待窗口停止

sys.exit(app.exec())

  2. <a name="HIIHg"></a>
  3. ## 3. 竖直布局QVBoxLayout
  4. 竖直布局采用QVBoxLayout,是采用从上往下的方式添加控件的<br />![image.png](https://cdn.nlark.com/yuque/0/2023/png/27903758/1685238820145-6a4bdf59-73b6-43e7-a0ab-da6578e68290.png#averageHue=%23e8e8e8&clientId=u1f2128f5-fe69-4&from=paste&height=223&id=Sqz8t&originHeight=279&originWidth=482&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=3593&status=done&style=none&taskId=udfb6005e-1c54-40f6-ad7c-9944a2f63a1&title=&width=385.6)<br />代码示例：
  5. ```python
  6. from PyQt5.QtWidgets import QApplication,QWidget,QPushButton,QVBoxLayout
  7. from PyQt5.QtCore import *
  8. from PyQt5.QtGui import QIcon
  9. import sys
  11. # 1.创建应用程序
  12. app = QApplication(sys.argv)
  14. # 2.创建窗口
  15. w = QWidget()
  17. # 修改窗口标题
  18. w.setWindowTitle('竖直布局')
  19. w.resize(480, 240)
  20. """------------------ 创建并添加5个按钮 ------------------"""
  21. # 创建布局
  22. layout = QVBoxLayout()
  23. # 布局添加到窗口中
  24. w.setLayout(layout)
  26. # 控件添加到布局中
  27. layout.addWidget(QPushButton('1'))
  28. layout.addWidget(QPushButton('2'))
  29. layout.addWidget(QPushButton('3'))
  30. layout.addWidget(QPushButton('4'))
  31. layout.addWidget(QPushButton('5'))
  33. # 3.显示窗口
  34. w.show()
  36. # 4.等待窗口停止
  37. sys.exit(app.exec())

4. 表单布局QFormLayout

表单布局是label-field式的表单布局，顾名思义就是实现表单方式的布局
image.png
代码示例：

  1. from PyQt5.QtWidgets import QApplication, QWidget, QLineEdit, QFormLayout, QPushButton
  2. import sys
  5. def func():
  6.     name = nameEdit.text()
  7.     age = ageEdit.text()
  8.     phone = phoneEdit.text()
  9.     print("姓名：{} 年龄：{} 电话：{}".format(name, age, phone))
  12. # 1.创建应用程序
  13. app = QApplication(sys.argv)
  15. # 2.创建窗口
  16. w = QWidget()
  17. # w.resize(480, 320)
  19. # 修改窗口标题
  20. w.setWindowTitle('表单布局')
  21. """------------------ 创建布局 ------------------"""
  22. layout = QFormLayout()
  23. # 添加到窗口中
  24. w.setLayout(layout)
  26. # 输入框
  27. nameEdit = QLineEdit()
  28. ageEdit = QLineEdit()
  29. phoneEdit = QLineEdit()
  30. btn = QPushButton('发送')
  31. # 信号和槽绑定
  32. btn.clicked.connect(func)
  34. # 添加到布局中
  35. layout.addRow('姓名', nameEdit)
  36. layout.addRow('年纪', ageEdit)
  37. layout.addRow('电话', phoneEdit)
  38. layout.addRow('', btn)
  41. # 3.显示窗口
  42. w.show()
  44. # 4.等待窗口停止
  45. sys.exit(app.exec())

5. 布局嵌套

通过布局嵌套可以实现更加复杂的布局
image.png
代码示例：

  1. from PyQt5.QtWidgets import QApplication,QWidget,QPushButton,QHBoxLayout,QVBoxLayout,QFormLayout
  2. from PyQt5.QtCore import *
  3. from PyQt5.QtGui import QIcon
  4. import sys
  6. # 1.创建应用程序
  7. app = QApplication(sys.argv)
  9. # 2.创建窗口
  10. w = QWidget()
  13. # 修改窗口标题
  14. w.setWindowTitle('嵌套布局')
  16. """------------------ 实现布局 ------------------"""
  17. # 整体水平布局
  18. wholeLayout = QHBoxLayout()
  19. # 添加整体布局
  20. w.setLayout(wholeLayout)
  22. # 每一部分布局
  23. layout1 = QHBoxLayout()
  24. layout2 = QVBoxLayout()
  25. layout3 = QVBoxLayout()
  27. # 添加到整体的布局中
  28. wholeLayout.addLayout(layout1)
  29. wholeLayout.addLayout(layout2)
  30. wholeLayout.addLayout(layout3)
  32. # 控件
  33. # 添加第一部分控件
  34. layout1.addWidget(QPushButton('1'))
  35. layout1.addWidget(QPushButton('2'))
  36. # 添加第二部分控件
  37. layout2.addWidget(QPushButton('3'))
  38. layout2.addWidget(QPushButton('4'))
  39. # 添加第三部分控件
  40. layout3.addWidget(QPushButton('5'))
  41. layout3.addWidget(QPushButton('6'))
  42. layout3.addWidget(QPushButton('7'))
  43. # 3.显示窗口
  44. w.show()
  46. # 4.等待窗口停止
  47. sys.exit(app.exec())