PyQt5: chapter6-使用垂直布局

最新推荐文章于 2025-11-10 10:59:41 发布

原创

最新推荐文章于 2025-11-10 10:59:41 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

本文详细介绍如何使用PyQt5创建包含垂直和水平布局的GUI界面，通过实例演示了Label、LineEdit、PushButton等部件的布局设置，以及如何利用水平和垂直占位部件调整布局。

实例

创建基于Dialog without Buttons模板的窗口
添加两个Label，两个Line Edit，一个Push Button部件
设定Label部件的text为Name和Email Address
设定Push Button的text为Submit
左击text为Name的Label，然后按照Ctrl, 左击右侧的Line Edit部件，右键选择“布局”，选择水平布局
对Email Address 做出同样设定
如想打破布局，只需左击布局，右键选择“布局”，选择打破布局
在Name和LineEdit间添加水平占位部件(horizontal spacer ), 并调整其大小
左键选择三块区域，右键选择“布局“，选择垂直布局
在不同区域间添加垂直占位部件( vertical spacer ), 并调整其大小
保存为demoverticalLayout.ui
使用pyuic生成demoverticalLayout.py
添加主函数

from PyQt5 import QtCore, QtGui, QtWidgets
class Ui_Dialog(object):
    def setupUi(self, Dialog):
        Dialog.setObjectName("Dialog")
        Dialog.resize(400, 300)
        self.widget = QtWidgets.QWidget(Dialog)
        self.widget.setGeometry(QtCore.QRect(50, 41, 221, 127))
        self.widget.setObjectName("widget")
        self.verticalLayout = QtWidgets.QVBoxLayout(self.widg