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网络爬虫项目:内容提取器的定义
Oct 25 Python
Python如何实现守护进程的方法示例
Feb 08 Python
Python使用time模块实现指定时间触发器示例
May 18 Python
python 接口_从协议到抽象基类详解
Aug 24 Python
python实现读取大文件并逐行写入另外一个文件
Apr 19 Python
在Pandas中DataFrame数据合并,连接(concat,merge,join)的实例
Jan 29 Python
浅谈Python中的可迭代对象、迭代器、For循环工作机制、生成器
Mar 11 Python
Python整数对象实现原理详解
Jul 01 Python
Python使用正则实现计算字符串算式
Dec 29 Python
sublime3之内网安装python插件Anaconda的流程
Nov 10 Python
浅析Python的命名空间与作用域
Nov 25 Python
python判断all函数输出结果是否为true的方法
Dec 03 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
阿拉伯的咖啡与水烟
2021/03/03 咖啡文化
PHP5/ZendEngine2的改进
2006/10/09 PHP
基于empty函数的输出详解
2013/06/17 PHP
php中array_multisort对多维数组排序的方法
2020/06/21 PHP
php原生数据库分页的代码实例
2019/02/18 PHP
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
2007/05/07 Javascript
使用jQuery的将桌面应用程序引入浏览器
2010/11/19 Javascript
jQuery阻止同类型事件小结
2013/04/19 Javascript
Jquery 例外被抛出且未被接住原因介绍
2013/09/04 Javascript
页面载入结束自动调用js函数示例
2013/09/23 Javascript
jquery事件绑定解绑机制源码解析
2016/09/19 Javascript
详谈Angular 2+ 的表单(一)之模板驱动型表单
2017/04/25 Javascript
详解如何用VUE写一个多用模态框组件模版
2018/09/27 Javascript
详解React之key的使用和实践
2018/09/29 Javascript
vue的for循环使用方法
2019/02/12 Javascript
解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)
2020/11/11 Javascript
Jquery+javascript实现支付网页数字键盘
2020/12/21 jQuery
[01:03:31]DOTA2上海特级锦标赛B组资格赛#1 Alliance VS Fnatic第二局
2016/02/26 DOTA
python ElementTree 基本读操作示例
2009/04/09 Python
Python日志模块logging简介
2015/04/13 Python
Python编程实现两个文件夹里文件的对比功能示例【包含内容的对比】
2017/06/20 Python
Python 处理图片像素点的实例
2019/01/08 Python
python使用turtle库绘制奥运五环
2020/02/24 Python
Python脚本实现Zabbix多行日志监控过程解析
2020/08/26 Python
全球虚拟主机商:HostGator
2017/02/06 全球购物
西班牙手机之家:Phone House
2018/10/18 全球购物
英国领先的游戏零售商:GAME
2019/09/24 全球购物
教师队伍管理制度
2014/01/14 职场文书
高等教育学自荐书范文
2014/02/10 职场文书
银行求职信范文
2014/05/26 职场文书
创先争优标语
2014/06/27 职场文书
法学专业求职信
2014/07/15 职场文书
赔偿协议书
2015/01/27 职场文书
起诉书范文
2015/05/20 职场文书
GO语言异常处理分析 err接口及defer延迟
2022/04/14 Golang
python 学习GCN图卷积神经网络
2022/05/11 Python