python3+PyQt5+Qt Designer实现界面可视化


Posted in Python onJune 10, 2021

前言

       以前制作一个Python窗体界面,我都是用GUI窗口视窗设计的模块Tkinter一点一点敲出来的,今天朋友问我有没有Python窗体的设计工具,“用鼠标拖拖”就能完成窗体设计,我查了查相关资料,果然有一款好用的工具——Qt Designer

 1.安装Qt Designer

        这里需要安装两个东西:PyQt5PyQt5-tools

安装PyQt5:打开CMD或者PowerShell,在命令窗中输入

pip install PyQt5

执行结果如下:

python3+PyQt5+Qt Designer实现界面可视化

 安装PyQt5-tools:打开CMD或者PowerShell,在命令窗中输入

pip install PyQt5-tools

执行结果如下:

python3+PyQt5+Qt Designer实现界面可视化

 2.配置开发工具

        安装完Qt Designer后,我们利用PyCharm进行界面开发,下面进行Qt开发工具的配置。

在PyCharm中依次打开:File→Settings 弹出Settings对话框,如下图

python3+PyQt5+Qt Designer实现界面可视化

 然后按下图的4个步骤,打开Create Tools对话窗:

python3+PyQt5+Qt Designer实现界面可视化

这里需要配置两个

(1)配置QTDesigner,用来打开QT可视化开发工具

 如下图,分别在NameProgramWorking dirctory填入如下信息:

Name:QTDesigner

Program:D:\ProgramSoftware\Anaconda3\Lib\site-packages\pyqt5_tools\Qt\bin\designer.exe
                  注意:该路径为你Python安装路径下Lib\site-packages\pyqt5_tools文件夹里

Working dirctory:$FileDir$

python3+PyQt5+Qt Designer实现界面可视化

(2)配置PyUIC,用来将Qt Designer开发工具生成的.ui文件转换为.py文件

 如下图,分别在Name、Program、Arguments、Working dirctory填入如下信息:

Name:PyUIC

Program:D:\ProgramSoftware\Anaconda3\Scripts\pyuic5.exe
                  注意:该路径为你Python安装路径下Scripts文件夹里

Arguments:$FileName$ -o $FileNameWithoutExtension$.py

Working dirctory:$FileDir$

python3+PyQt5+Qt Designer实现界面可视化

至此,安装和配置过程全部结束,下面介绍简单的使用教程。

 3.使用Qt Designer设计界面  

在PyCharm中创建一个项目,然后点击“Tools”--“External Tools”--“QTDesinger”打开QT Desinger,如下图:

python3+PyQt5+Qt Designer实现界面可视化

 在New Form对话框里选择Widget模板,然后点击创建:

python3+PyQt5+Qt Designer实现界面可视化

 然后就会出现Qt Designer主界面,向Form中分别拖入一个“Push Button”和一个“Text Edit”,如下图:

python3+PyQt5+Qt Designer实现界面可视化

 指定点击事件及其响应函数

工具栏点击 这个图标 python3+PyQt5+Qt Designer实现界面可视化 ,然后光标移动到“PushButton”按钮上,鼠标左键 点击 “PushButton”按钮 不要松开,拖动光标 到 按钮旁边的任一位置后 再松开鼠标左键

python3+PyQt5+Qt Designer实现界面可视化

随后就出现了如下界面,在对话框左侧选中clicked()”,右侧点击“Edit

python3+PyQt5+Qt Designer实现界面可视化

 然后点击绿色“+”按钮,指定click事件的响应函数,名称随意,比如我这里命名为“pushButton_click()”
(我们这里只是指定事件与响应函数的关联关系,函数是还没实现的,后边我们自行实现)

python3+PyQt5+Qt Designer实现界面可视化

python3+PyQt5+Qt Designer实现界面可视化

最后,将设计的界面保存。

4.使用PyUIC将文件转成python代码

       关闭QT Designer回到PyCharm,查看项目,可以看到只有刚才保存的PyQT_Form.ui文件而且该文件在PyCharm是打不开的,我们需要将这个文件转成.py代码才能使用。

python3+PyQt5+Qt Designer实现界面可视化

选中“PyQT_Form”,在其上点击鼠标右键,到“External Tools”中点击“PyUIC

python3+PyQt5+Qt Designer实现界面可视化

之后再看项目文件,就可以看到多了一个“PyQT_Form.py”,双击查看其内容如下:

python3+PyQt5+Qt Designer实现界面可视化

 5.编写逻辑代码

       界面与业务逻辑分离实现:这一步主要实现业务逻辑,也就是点击登录和退出按钮后程序要执行的操作。为了后续维护方便,采用界面与业务逻辑相分离来实现。也就是通过创建主程序调用界面文件方式实现。这有2个好处:1.就是实现逻辑清晰2.后续如果界面或者逻辑需要变更,好维护新建一个.py文件程序,在里边创建一个子类(MyPyQT_Form)继承PyQT_Form.py中的Ui_Form。具体代码如下

import sys
from PyQt5 import QtWidgets
from PyQT_Form import Ui_Form
 
class MyPyQT_Form(QtWidgets.QWidget,Ui_Form):
    def __init__(self):
        super(MyPyQT_Form,self).__init__()
        self.setupUi(self)
 
    #实现pushButton_click()函数,textEdit是我们放上去的文本框的id
    def pushButton_click(self):
        self.textEdit.setText("你点击了按钮")
 
 
if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    my_pyqt_form = MyPyQT_Form()
    my_pyqt_form.show()
    sys.exit(app.exec_())

6.运行

      至此,我们终于完成了第一个Python界面的设计,好累 ( ̄o ̄) . z Z ,运行效果如下:

python3+PyQt5+Qt Designer实现界面可视化

python3+PyQt5+Qt Designer实现界面可视化

参考资料:

https://www.cnblogs.com/lsdb/p/9121903.html
https://www.cnblogs.com/lsdb/p/9122425.html
https://www.3water.com/article/167015.htm

到此这篇关于python3+PyQt5+Qt Designer实现界面可视化的文章就介绍到这了,更多相关python3 界面可视化内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Python 相关文章推荐
python让图片按照exif信息里的创建时间进行排序的方法
Mar 16 Python
基于python的字节编译详解
Sep 20 Python
Python类的继承用法示例
Jan 31 Python
linux下python中文乱码解决方案详解
Aug 28 Python
torch 中各种图像格式转换的实现方法
Dec 26 Python
tensorflow 自定义损失函数示例代码
Feb 05 Python
python标准库os库的函数介绍
Feb 12 Python
keras小技巧——获取某一个网络层的输出方式
May 23 Python
Keras 使用 Lambda层详解
Jun 10 Python
Pycharm2020.1安装无法启动问题即设置中文插件的方法
Aug 07 Python
python opencv角点检测连线功能的实现代码
Nov 24 Python
使用Python实现音频双通道分离
Dec 25 Python
Django使用echarts进行可视化展示的实践
教你如何使用Python Tkinter库制作记事本
Jun 10 #Python
Python中常见的反爬机制及其破解方法总结
Jun 10 #Python
Pytorch可视化的几种实现方法
OpenCV-Python实现怀旧滤镜与连环画滤镜
OpenCV-Python实现轮廓的特征值
Jun 09 #Python
再也不用花钱买漫画!Python爬取某漫画的脚本及源码
Jun 09 #Python
You might like
linux实现php定时执行cron任务详解
2013/12/24 PHP
php微信公众平台开发类实例
2015/04/01 PHP
thinkPHP中volist标签用法示例
2016/12/06 PHP
JavaScript脚本语言在网页中的简单应用
2007/05/13 Javascript
ASP SQL防注入的方法
2008/12/25 Javascript
jquery.ui.progressbar 中文文档
2009/11/26 Javascript
JavaScript 开发规范要求(图文并茂)
2010/06/11 Javascript
基于Jquery的动态创建DOM元素的代码
2010/12/28 Javascript
JQuery操作单选按钮以及复选按钮示例
2013/09/23 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
2013/11/05 Javascript
Node.js实现在目录中查找某个字符串及所在文件
2014/09/03 Javascript
JQuery中ajax方法访问web服务实例
2015/07/18 Javascript
分分钟学会vue中vuex的应用(入门教程)
2017/09/14 Javascript
JavaScript 中使用 Generator的方法
2017/12/29 Javascript
Js代码中的span拼接问题解决
2019/11/22 Javascript
Python实现程序的单一实例用法分析
2015/06/03 Python
Python中max函数用法实例分析
2015/07/17 Python
Python编程入门之Hello World的三种实现方式
2015/11/13 Python
python Django模板的使用方法
2016/01/14 Python
Python实现一个转存纯真IP数据库的脚本分享
2017/05/21 Python
Python模拟脉冲星伪信号频率实例代码
2018/01/03 Python
python迭代dict的key和value的方法
2018/07/06 Python
Python函数返回不定数量的值方法
2019/01/22 Python
Python神奇的内置函数locals的实例讲解
2019/02/22 Python
pip安装python库的方法总结
2019/08/02 Python
Python Numpy数组扩展repeat和tile使用实例解析
2019/12/09 Python
Python 程序报错崩溃后如何倒回到崩溃的位置(推荐)
2020/06/23 Python
使用Keras训练好的.h5模型来测试一个实例
2020/07/06 Python
详细分析Python可变对象和不可变对象
2020/07/09 Python
Django-simple-captcha验证码包使用方法详解
2020/11/28 Python
万年牢教学反思
2014/02/15 职场文书
中职招生先进个人材料
2014/08/31 职场文书
出租车拒载检讨书
2015/01/28 职场文书
小学语文教学随笔
2015/08/14 职场文书
MySQL七大JOIN的具体使用
2022/02/28 MySQL
如何优化vue打包文件过大
2022/04/13 Vue.js