其他分享
首页 > 其他分享> > QTdesigner布局

QTdesigner布局

作者:互联网

一 水平布局

打开 designer 选择创建主窗口

designer 布局中总共有4总布局,

我们选择 水平布局演示,拖动水平布局进入 编辑地区;

然后 将按钮一个一个丢到布局区

第一个按钮

第二个按钮

再丢2个然后保存到工程目录下;命名为 btn.ui 通过 扩展工具转为 btn.py;

然后新建一个btnQTmain.py文件,导入生成的btn.py 类,并且设置主窗口

# -*- coding: utf-8 -*-
import sys
from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtWidgets import QMainWindow
# 导入类
from qt.uic.layout.btn import  Ui_MainWindow

class MainWindow(QMainWindow, Ui_MainWindow):
    # 构造方法
    def __init__(self, parent=None):
        # 继承父类
        super(MainWindow, self).__init__(parent)
        # 特有方法
        self.setupUi(self)

if __name__ == "__main__":
    app = QtWidgets.QApplication(sys.argv)
    MainWindow = QtWidgets.QMainWindow()
    # 创建类
    ui = Ui_MainWindow()
    # 设置主窗口
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec_())

最终我们运行的结果如下,与布局时的样式一致

二 垂直布局

在原来的文件上添加 垂直布局框;再往框框里面丢按钮后保存

重新运行我们的扩展工具,将ui文件转为py文件

也可以是命令

pyuic5.exe btn.ui -o btn.py

替换相应的文件然后重新运行程序结果如下;

三 栅格布局

同理拖动栅格布局进入主编辑框,然后将按钮拖入栅格布局框;

重新保存文件后,使用扩展工具生成 py文件运行结果如下

四表单布局

准备的控件

拖入label控件修改名称

拖入 line edit 控件

这样一个表单就生成了,重复上面步骤,最终效果图如下

五 混合布局

放四个按钮,将名称改为 1,2,3,4

全选4个按钮 ,右击 选择栅格布局

最终效果如下

在加2个按钮

然后全选右击选择垂直布局,

最终效果如下

六 其它布局

当我们没有进行手动放入布局时,默认是绝对布局;

还有容器布局,控件如图;当然英文不好的同学就需要好好熟悉了!

七 栅格

放3个按钮将他们组成水平布局

然后丢入水平空格

最终设计图如下

八 尺寸

布局中控件还有最大尺寸,最小尺寸;

放置一个按钮,默认最大最小的尺寸如图;

点开箭头,我们可以对最大尺寸,最小尺寸进行修改

标签:__,py,布局,QTdesigner,按钮,btn,MainWindow
来源: https://blog.csdn.net/youku1327/article/details/113060617