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 相关文章推荐
基于asyncio 异步协程框架实现收集B站直播弹幕
Sep 11 Python
你应该知道的python列表去重方法
Jan 17 Python
Python实现字典的遍历与排序功能示例
Dec 23 Python
Python实现找出数组中第2大数字的方法示例
Mar 26 Python
python3之模块psutil系统性能信息使用
May 30 Python
利用pyinstaller打包exe文件的基本教程
May 02 Python
python实现静态服务器
Sep 05 Python
Django 实现xadmin后台菜单改为中文
Nov 15 Python
Python自定义sorted排序实现方法详解
Sep 18 Python
简述python&pytorch 随机种子的实现
Oct 07 Python
matplotlib相关系统目录获取方式小结
Feb 03 Python
python urllib库的使用详解
Apr 13 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
关于php fread()使用技巧
2010/01/22 PHP
PHP准确取得服务器IP地址的方法
2015/06/02 PHP
php 删除一维数组中某一个值元素的操作方法
2018/02/01 PHP
贴一个在Mozilla中常用的Javascript代码
2007/01/09 Javascript
JavaScript 保存数组到Cookie的代码
2010/04/14 Javascript
麻雀虽小五脏俱全 Dojo自定义控件应用
2010/09/04 Javascript
javascript同页面多次调用弹出层具体实例代码
2013/08/16 Javascript
如何改进javascript代码的性能
2015/04/02 Javascript
JavaScript实现网站访问次数统计代码
2015/08/12 Javascript
jquery插件ajaxupload实现文件上传操作
2015/12/09 Javascript
JavaScript实现搜索框的自动完成功能(一)
2016/02/25 Javascript
js中setTimeout的妙用--防止循环超时
2017/03/06 Javascript
jquery-file-upload 文件上传带进度条效果
2017/11/21 jQuery
JS+CSS实现滚动数字时钟效果
2017/12/25 Javascript
Angular ElementRef简介及其使用
2018/10/01 Javascript
JavaScript之实现一个简单的Vue示例
2019/01/17 Javascript
webpack项目使用eslint建立代码规范实现
2019/05/16 Javascript
ES6 Set结构的应用实例分析
2019/06/26 Javascript
解决vue-router 二级导航默认选中某一选项的问题
2019/11/01 Javascript
微信小程序动态设置图片大小的方法
2019/11/21 Javascript
基于 Vue 的 Electron 项目搭建过程图文详解
2020/07/22 Javascript
通过实例解析json与jsonp原理及使用方法
2020/09/27 Javascript
Python找出list中最常出现元素的方法
2016/06/14 Python
python机器学习之随机森林(七)
2018/03/26 Python
python脚本开机自启的实现方法
2019/06/28 Python
利用python实现汉字转拼音的2种方法
2019/08/12 Python
Keras 切换后端方式(Theano和TensorFlow)
2020/06/19 Python
详解selenium + chromedriver 被反爬的解决方法
2020/10/28 Python
python 实现批量图片识别并翻译
2020/11/02 Python
Canvas 文本填充线性渐变的使用详解
2020/06/22 HTML / CSS
学生实习自我鉴定
2013/10/11 职场文书
学期自我鉴定
2013/11/04 职场文书
广播体操口号
2014/06/18 职场文书
2014年企业工会工作总结
2014/11/12 职场文书
2015年综治宣传月活动总结
2015/03/25 职场文书
汽车销售助理岗位职责
2015/04/14 职场文书