【pyqt5界面化工具开发-12】QtDesigner图形化界面设计

目录

0x00 前言

一、启动程序

二、基础的使用

三、保存布局文件

四、加载UI文件


0x00 前言

关于QtDesigner工具的配置等步骤(网上链接也比较多)

下列链接非本人的(如果使用pip 在命令行安装过pyqt5以及tools,那么就可以跳过前面几步了)

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)详细教程 - 知乎摘要:Qt是常用的用户界面设计工具,而在Python中则使用PyQt这一工具包,它是Python编程语言和Qt库的成功融合。这篇博文通过图文详细介绍在PyCharm中如何完整优雅地安装配置PyQt5的所有工具包,主要内容包括PyQt5…icon-default.png?t=N7T8https://zhuanlan.zhihu.com/p/469526603



一、启动程序

如果是使用的上面的教程,就可以直接在添加的扩展工具里面启动

【pyqt5界面化工具开发-12】QtDesigner图形化界面设计_第1张图片

然后选择对应的窗口进行创建

【pyqt5界面化工具开发-12】QtDesigner图形化界面设计_第2张图片

一些操作的界面展示

(勾选以后就会在界面中进行显示)

【pyqt5界面化工具开发-12】QtDesigner图形化界面设计_第3张图片



二、基础的使用

1、拖动左边的控件到图示上,然后设置好布局

【pyqt5界面化工具开发-12】QtDesigner图形化界面设计_第4张图片

2、然后进行预览

窗口--->预览

【pyqt5界面化工具开发-12】QtDesigner图形化界面设计_第5张图片

预览的界面可以进行点击操作

【pyqt5界面化工具开发-12】QtDesigner图形化界面设计_第6张图片



三、保存布局文件

将其另存为

【pyqt5界面化工具开发-12】QtDesigner图形化界面设计_第7张图片

ui后缀的文件

【pyqt5界面化工具开发-12】QtDesigner图形化界面设计_第8张图片



四、加载UI文件

加载并显示ui文件

import sys

from PyQt5 import uic
from PyQt5.QtWidgets import *




if __name__ == '__main__':
    app = QApplication(sys.argv)

    ui = uic.loadUi("./my_win.ui")      # 加载ui文件
    ui.show()                           # 展示窗口

    sys.exit(app.exec_())

【pyqt5界面化工具开发-12】QtDesigner图形化界面设计_第9张图片

你可能感兴趣的:(qt,python,web安全)