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