PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解


Posted in Python onNovember 02, 2020

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

摘要:Qt是常用的用户界面设计工具,而在Python中则使用PyQt这一工具包,它是Python编程语言和Qt库的成功融合。这篇博文通过图文详细介绍在PyCharm中如何完整优雅地安装配置PyQt5的所有工具包,主要内容包括、PyQt5P y Q t 5 tools的依赖包安装和Q t DesignerP y U I C、  PyRcc三个工具的设置。最后简单演示了PyQt5的调用方式及三个工具的使用方法,其目录如下:


前言

    很多情况下需要为程序设计一个GUI界面,在Python中使用较多的用户界面设计工具是PyQt。由于通常我们使用较多的IDEPyCharm,为了方便地使用PyQt进行用户界面设计,这里总结了在PyCharm安装配置的简单安装方法。可能有人还不清楚这几个工具的用途,这里对要安装配置的依赖包和工具简介如下:

PyQt5PyQt5是一套Python绑定Digia QT5应用的框架。Qt库是最强大的GUI库之一,PyQt5做为Python的一个模块,它有620多个类和6000个函数和方法。这是一个跨平台的工具包,它可以运行在所有主要的操作系统,包括UNIXWindowsMac OSPyQt5是双重许可。开发者可以在GPL和商业许可之间进行选择,详细可访问PyQt5的官方网站。——PyQt5中文教程
PyQt5-toolsPyQt5中没有提供常用的Qt工具,比如图形界面开发工具Qt DesignerPyQt5-tools中包含了一系列常用工具。——PyQt5工具文档
Qt Designer:可以通过Qt Designer来编写UI界面,Qt Designer的设计符合MVC的架构,其实现了视图和逻辑的分离,从而实现了开发的便捷。Qt Designer中的操作方式十分灵活,其通过拖拽的方式放置控件可以随时查看控件效果。Qt DesignerPyQt5-tools包一起安装,其安装路径在 “Python安装路径\Lib\site-packages\pyqt5-tools”下。——PyQt5速成教程
PyUICQt Designer生成的.ui文件(实质上是XML格式的文件)可以通过pyuic5工具转换成.py文件。——PyQt5速成教程
PyRcc:在使用PyQt开发界面时,在Qt Designer中使用的图片等资源需要将其编译为py文件,这时需要用到PyRcc工具方便地将qrc文件转换为py文件。——PyQt5安装教程

    作者本人已经进行配置测试了多台Windows 10电脑,特通过本教程将安装配置过程展现给大家,本教程持续更新,如果你有更好的方法或问题,欢迎大家留言。


1. 工具包安装

    对于一个新创建的Python环境,首先需要安装PyQt的相关工具包,因为是Python的依赖包所有可以通过pip进行安装,由于我们在PyCharm中进行程序设计,这里我们可以通过PyCharm中的环境管理界面进行安装。对于新建的项目test,其文件界面如下图(点击可放大查看)所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

一、点击菜单栏“File”,选择弹出的“Setting”选项,如下图(点击可放大查看)所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

二、选择“Project”,选择弹出的“Project Interpreter”选项,点击可看到当前已安装的环境和依赖包,如下图(点击可放大查看)所示,点击右侧“加号”按钮可添加新的依赖包:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

PyQt5

三、可以看出当前尚未安装pyqt5的依赖包,点击“加号”按钮弹出安装界面如下图(点击可放大查看)所示,在搜索框输入“PyQt5”可以搜索到对应的依赖包,点击“Install Package”按钮进行安装(绿色框处可选择安装版本),等待安装完成:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

PyQt5-tools

四、同样地安装PyQt5-tools工具包,在搜索框中输入“PyQt5-tools”,选中要安装的依赖包,点击“Install Package”进行安装,如下图中所示的步骤所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

五、这两个工具包安装完成,返回上一界面可以看到依赖包管理界面中出现了这两个依赖包,如下图所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解
    

至此PyQt的工具包安装完成,在编辑器或命令行可以通过“import PyQt5”调用该库。这里确定一下安装位置,正常情况下这两个包的安装位置在Python的安装目录下的“\Lib\site-packages\”目录,如我这里的两个安装位置如下图所示(我这里Python为虚拟环境,安装位置在“E:\test\venv”):

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解


2. 设计工具配置

    依赖包安装完成,接下来介绍如何在PyCharm中添加工具,其实这几个工具在安装PyQt5-tools的时候已经包括在目录中,只不过要在PyCharm中方便使用还需要一些配置步骤。首先为了保证Windows系统能够正确识别PyQt5-tools的常见命令,还需要将PyQt5-tools的安装目录添加到系统环境变量Path中。

环境变量设置

一、在文件管理器中右击“我的电脑”,弹出快捷菜单,选择“属性”→“高级系统设置”弹出系统属性对话框,如下图所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

二、选择“高级”,点击下面的“环境变量”,弹出环境变量设置框,选择系统变量中的“Path”变量,如下图所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

三、双击“Path”环境变量,进入环境变量编辑界面,点击“编辑”在最后添加pyqt5-tools的安装位置,点击确定,如下图所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

这一步也可以选择“浏览”,通过文件夹选择对话框选中pyqt5-tools的安装位置,其安装路径在 “Python安装路径\Lib\site-packages\pyqt5-tools”(需根据实际情况进行修改),如下图(点击放大图片)所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解
三、在环境变量界面中点击“新建”,在系统环境变量中新建名为“QT_PLUGIN_PATH”的变量,如下图所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

该变量值为Qt插件的安装位置,可通过“浏览目录”依次找到“plugins”文件夹,通常其位置在“Python安装路径\Lib\site-packages\PyQt5\Qt\plugins\”位置(需根据实际情况修改),点击“确定”,如下图所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解
 

   环境变量设置完成,接下来介绍在PyCharm中设置Qt工具,主要包括Qt DesignerPyUICPyRcc这三个工具,前言中已介绍其作用,下面依次介绍工具设置过程。

Qt Designer

一、点击菜单栏“File”,弹出下拉框,选择“Setting”,弹出设置界面。在设置界面中选择“Tools”→“External Tools”,该部分操作如下图所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

点击“加号”按钮新建工具,弹出工具配置界面:在“Name”一栏填写“Qt-Designer”;在“Program”一栏填写designer.exe文件位置,我这里位置为:“E:\test\venv\Lib\site-packages\pyqt5_tools\Qt\bin\designer.exe”(需根据实际情况填写);在“Working directory”一栏填写“$FileDir$”。最后点击“OK”,如下图所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

二、点击菜单栏“Tools”,弹出下拉框,选择“External Tools”,弹出工具选择框。选择“Qt-Designer”并点击,若出现Qt Designer的软件界面则表示配置成功,当然也可能出现如下的问题框:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

‪若出现以上问题,解决方案是将pyqt5_tools\Qt\plugins文件夹进行复制,覆盖到site-packages\pyqt5_tools\Qt\bin目录下,覆盖后的文件夹如下:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

‪以上操作后,再次按照步骤二的操作即可打开Qt Designer软件界面。

PyUIC

一、同样按照以上方式添加PyUIC工具,点击“加号”按钮,在弹出的编辑设置框中Name一栏填写“PyUIC”;

二、Program中填写pyuic5.exe这个程序的文件路径,一般在“Python环境目录\Scripts\pyuic5.exe”(此处需根据实际情况修改),也可以点击右侧的文件夹选择按钮浏览文件夹选中该位置;

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

三、在Arguments中内容填写如下:

$FileName$
-o
$FileNameWithoutExtension$.py

四、Working directory内容填写如下:

$FileDir$

五、完成填写后,点击“OK”,以上步骤参考图片中的步骤。

PyRcc

一、PyRcc工具的配置方式与PyUIC相似,同样在“External Tools”设置中点击“加号”按钮,在设置框中“Name”一栏填写“PyRcc”;

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

二、Program中填写pyrcc5.exe这个程序的文件路径,一般在“Python环境目录\Scripts\pyrcc5.exe”(此处需根据实际情况修改),也可以点击右侧的文件夹选择按钮浏览文件夹选中该位置;

三、在Arguments中内容填写如下:

$FileName$
-o
$FileNameWithoutExtension$_rc.py

四、Working directory内容填写如下:

$FileDir$

五、完成填写后,点击“OK”,以上步骤参考图片中的步骤。


3. 使用演示

    依赖包和工具安装配置完成,下面简单演示一下如何使用。首先打开或新建一个Python项目,点击菜单栏中的“Tools”,选择“External Tools”,可以看到之前设置好的三个工具,选择“Qt Designer”打开Qt设计工具,步骤如下图所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解
   

 打开软件后,在弹出的引导界面选择“Main Window”,然后点击“Create”按钮,创建一个窗体界面,如下图所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解
  

  在软件界面左侧的控件选择栏中拖动三个“Push Button”到中间的设计框中,双击按钮依次修改显示字符,如下图所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解
    

在软件界面左侧的控件选择栏中拖动两个“Label”控件到中间的设计框中,如下图所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

    如下图所示,点击“Resource Browser”下的铅笔图表,弹出新建qrc文件的编辑框。

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

    如下图所示,点击新建(1号标注)按钮新建一个qrc文件,创建qrc文件后点击添加文件(2号标注),向qrc资源文件中添加两张图片,最后点击“OK”确定。

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

    选中添加进来的label窗体,在右侧属性编辑栏中的“text”属性中“pixmap”一栏选择“Choose Resource”,如下图所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解
    

在资源选择框中选择刚刚添加进qrc的图片,点击确定,对另一个label也进行同样的操作,如下图所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解
   

 最终完成后的界面如下图所示,点击菜单栏“File”下“Save”将该界面保存为ui文件并置于项目目录下。

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解
    

PyCharm中选中保存的ui文件,使用“Tools”下的“External Tools”中的“PyUIC”工具将该文件转换为需要的py文件。

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解
    

PyCharm中选中保存的qrc文件,使用“Tools”下的“External Tools”中的“PyRcc”工具将该资源文件转换为需要的py文件。

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解

    在PyCharm中打开使用“PyUIC”工具转换的py文件,在下面添加如下代码:

if __name__ == '__main__':
 import sys
 from PyQt5.QtWidgets import QApplication, QMainWindow
 import pics_ui_rc # 导入添加的资源(根据实际情况填写文件名)
 app = QApplication(sys.argv)
 MainWindow = QMainWindow()
 ui = Ui_MainWindow()
 ui.setupUi(MainWindow)
 MainWindow.show()
 sys.exit(app.exec_())

    在PyCharm中点击运行该文件,最终运行界面如下所示:

PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解


结束语

    因为本博文主要介绍安装步骤,关于PyQt的设计博文中介绍较简单,更加详细的讲解将在后面的教程中介绍。由于博主能力有限,博文中提及的方法即使经过试验,也难免会有疏漏之处。希望您能热心指出其中的错误,以便下次修改时能以一个更完美更严谨的样子,呈现在大家面前。同时如果有更好的实现方法也请您不吝赐教。

Python 相关文章推荐
python处理数据,存进hive表的方法
Jul 04 Python
Python 使用PyQt5 完成选择文件或目录的对话框方法
Jun 27 Python
python读取dicom图像示例(SimpleITK和dicom包实现)
Jan 16 Python
python super用法及原理详解
Jan 20 Python
Python3读写Excel文件(使用xlrd,xlsxwriter,openpyxl3种方式读写实例与优劣)
Feb 13 Python
Python实现ATM系统
Feb 17 Python
python pandas利用fillna方法实现部分自动填充功能
Mar 16 Python
Python下载的11种姿势(小结)
Nov 18 Python
python pillow库的基础使用教程
Jan 13 Python
python使用scapy模块实现ping扫描的过程详解
Jan 21 Python
解决Pytorch修改预训练模型时遇到key不匹配的情况
Jun 05 Python
Python实现仓库管理系统
May 30 Python
Python如何急速下载第三方库详解
Nov 02 #Python
关于python3.9安装wordcloud出错的问题及解决办法
Nov 02 #Python
一篇文章带你搞定Ubuntu中打开Pycharm总是卡顿崩溃
Nov 02 #Python
jupyter notebook 写代码自动补全的实现
Nov 02 #Python
Python QT组件库qtwidgets的使用
Nov 02 #Python
python利用opencv保存、播放视频
Nov 02 #Python
python获得命令行输入的参数的两种方式
Nov 02 #Python
You might like
thinkphp常见路径用法分析
2014/12/02 PHP
ThinkPHP3.2框架自定义配置和加载用法示例
2018/06/14 PHP
Laravel项目中timeAgo字段语言转换的改善方法示例
2019/09/16 PHP
Js+XML 操作
2006/09/20 Javascript
URL编码转换,escape() encodeURI() encodeURIComponent()
2006/12/27 Javascript
zTree插件之单选下拉菜单实例代码
2013/11/07 Javascript
使用jquery+CSS实现控制打印样式
2014/12/31 Javascript
浅谈javascript的分号的使用
2015/05/12 Javascript
javascript检测两个数组是否相似
2015/05/19 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
2015/09/14 Javascript
javascript的几种写法总结
2016/09/30 Javascript
详解JavaScript中数组的reduce方法
2016/12/02 Javascript
jquery实现一个全局计时器(商城可用)
2017/06/30 jQuery
使用vue与jquery实时监听用户输入状态的操作代码
2017/09/19 jQuery
angular的输入和输出的使用方法
2018/09/22 Javascript
jQuery实现合并表格单元格中相同行操作示例
2019/01/28 jQuery
vue+iview/elementUi实现城市多选
2019/03/28 Javascript
详解关于html,css,js三者的加载顺序问题
2019/04/10 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
2019/06/17 Javascript
VUE前后端学习tab写法实例
2019/08/06 Javascript
vue 子组件修改data或调用操作
2020/08/07 Javascript
浅谈function(函数)中的动态参数
2017/04/30 Python
Python抽象和自定义类定义与用法示例
2018/08/23 Python
Python实现SQL注入检测插件实例代码
2019/02/02 Python
详解如何设置Python环境变量?
2019/05/13 Python
HTML5 canvas基本绘图之文字渲染
2016/06/27 HTML / CSS
电子信息专业学生自荐信
2013/11/09 职场文书
《大作家的小老师》教学反思
2014/04/16 职场文书
2014年计生工作总结
2014/11/21 职场文书
黑暗中的舞者观后感
2015/06/18 职场文书
倡议书怎么写?
2019/04/11 职场文书
中秋节英文祝福语句(14句)
2019/09/11 职场文书
PyTorch的Debug指南
2021/05/07 Python
ConstraintValidator类如何实现自定义注解校验前端传参
2021/06/18 Java/Android
进阶篇之linux环境下安装MySQL数据库
2022/04/09 MySQL
Android开发手册Chip监听及ChipGroup监听
2022/06/10 Java/Android