Qt Designer布局管理入门

最新推荐文章于 2024-07-28 16:20:30 发布

一盏偏灯

最新推荐文章于 2024-07-28 16:20:30 发布

阅读量8k

点赞数 6

分类专栏： pyqt学习文章标签： pyqt qt gui

本文链接：https://blog.csdn.net/weixin_44653585/article/details/104426975

版权

pyqt学习专栏收录该内容

31 篇文章 31 订阅

订阅专栏

PyQt5学习之路，点击有pyqt5学习笔记

Qt Designer布局管理

Qt Designer提供了四种窗口布局：`Vertical Layout(垂直布局)` ，`Horizontal Layout(水平布局)`，`Grid Layout(栅格布局)`，`Form Layout(表单布局)`，以及一种隐藏的布局—绝对布局

一般进行布局有两种方式，：一是通过布局管理器进行布局，二是通过容器控件进行布局
在这里插入图片描述

1. Vertical Layout(垂直布局)
控件默认按照从上到下的顺序进行纵向排序。

首先在Qt Designer创建一个MainWindow。

直接拖动垂直布局图标，然后向里添加控件，蓝线是提示。(通过布局管理器进行布局)
先拖动控件，再按住ctrl选中想要垂直布局的控件，单击右键移至Layout，选择垂直布局。(通过布局管理器进行布局)
将左侧的Frame拖动过来，然后将控件放入其中，再选中Frame，单击右键，选择layout中的布局

保存下来，回到pycharm，转为.py文件，然后用之前的转为面向对象的思想，将界面与逻辑分离，代码如下，其实可以直接套用这个模板，只需要更改导入的文件名即可

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QLabel, QMainWindow

from Vertical import *

class MyMainWindow(QMainWindow, Ui_MainWindow):
    def __init__(self, parent=None):
        super(MyMainWindow, self).__init__(parent)
        self.setupUi(self)

if __name__ == '__main__':
    app = QApplication(sys.argv)
    myWin = MyMainWindow()
    myWin.show()
    sys.exit(app.exec_())