[ PyQt入门教程 ] PyQt5开发环境搭建和配置

  PyQt5工具可以快速实现简单的界面开发,包括界面设计、布局管理以及业务逻辑实现(信号与槽)。简单说就是使用PyQt5工具可以快速画一个控件摆放整齐、界面整洁有序、布局合理的界面。

课程目标

  可以动手实现简单的GUI程序。系列文章主要以动手实践案例讲解为主。

课程对象

  会一些python基本语法但不懂PyQt的小白

课程内容

   第1节:PyQt5环境搭建和配置。工欲善其事必先利其器嘛~~

   第2节:Qt Designer工具的使用。通过一个需求实现描述工具使用。都是拖拽布局,不写代码。。不要怂

   第3节:Qt Designer工具的布局管理。如何把界面控件摆放整齐。四种常用布局方法。。也不写代码。。哈哈

   第4节:PyQt信号与槽的使用。让程序动起来。。让他替你做你想做的事情。。

   第5节:PyQt5基本控件使用介绍。了解那些被你拖来拖去的组件的基本使用方法。。深入认识一下他们

   第6节:PyQt5小需求实践案例。让你学习的内容转化成可输出的成果。。

本文内容

    本文主要第1节 PyQt5环境搭建和配置。主要内容包括:

  (1)工具版本的选择,包括PyQt版本和Python软件版本。

  (2)Python、PyQt5以及Qt Designer工具的安装。Qt Designer是PyQt的可视化GUI设置工具。

  (3)PyCharm上配置Qt Designer和PyUIC工具。

选择PyQt原因

 (1)PyQt可以通过拖拽实现界面开发,而不是只能代码实现。这样界面实现效率就高多了。

 (2)控件丰富。支持跨平台。

 (3)方便打包发布。可以利用Pyinstaller打包成二进制文件。在未安装Python软件电脑上运行。

选择Python3和PyQt5原因

  PyQt官网提供了PyQt4和PyQt5两种主流版本。PyQt5不兼容PyQt4。建议选择PyQt5原因

  (1)官方对PyQt4不再有重大更新和维护。

  (2)PyQt5对一些模块进行了重新构建。同时PyQt5对网页的支持能力更好。

  (3)PyQt5支持新式的信号和槽,使用更简单。

    选择Python3原因:PyQt5对Python3支持较好,官方默认只提供支持Python3版本的安装包。如果使用Python2,要自己编译,比较麻烦。

Python3.X软件和PyQt5安装

  (1)Python官网下载Python3.X 32位最新版本。获取路径:Python官网,下载32位版本的原因是通常pyqt工具开发完成的程序都需要编译成可执行程序发布。而使用32位额Pyinstaller打包发布exe软件在32位和64位电脑都能运行。如果是64位版本,就只能运行在64位版本电脑。

[ PyQt入门教程 ] PyQt5开发环境搭建和配置_第1张图片

  (2)执行下载的pyhon软件安装。勾选"Add Python3.7 to Path"。其他一路Next安装完成。默认会安装一键式工具pip。

[ PyQt入门教程 ] PyQt5开发环境搭建和配置_第2张图片

(3)pip工具镜像源配置。配置方法如下:

        a、在cmd窗口下执行echo %HOMEPATH%获取用户家目录,并在该目录下创建pip目录。

        b、在pip目录下创建pip.ini文件。记住,后缀必须是.ini格式。并在该文件中写入如下内容。

[global]
index-url = http://pypi.douban.com/simple
[install]
trusted-host = pypi.douban.com

        c、配置完成。执行pip install xlrd测试安装是否成功。如果失败,参考配置指导参考检查,里面有详细步骤。

PyQt5工具安装

  (1)使用pip工具安装PyQt5工具。执行pip install PyQt5

[ PyQt入门教程 ] PyQt5开发环境搭建和配置_第3张图片

  (2)安装Qt Designer图形界面开发工具。执行pip install PyQt5-tools

[ PyQt入门教程 ] PyQt5开发环境搭建和配置_第4张图片

工具安装完成后的路径在..\Python\Python37-32\Lib\site-packages

[ PyQt入门教程 ] PyQt5开发环境搭建和配置_第5张图片

  (3)环境变量配置。将PyQt5-tools的安装目录添加到系统环境变量path。添加路径:我的电脑 -> 属性->高级->系统设置->高级->单击环境变量。在系统变量path添加PyQt5-tools完整路径。如下图所示:

[ PyQt入门教程 ] PyQt5开发环境搭建和配置_第6张图片

 (4)打开cmd窗口,执行designer。其实也可以将designer.exe设置快捷家到桌面。

Qt Designer主界面如下:

[ PyQt入门教程 ] PyQt5开发环境搭建和配置_第7张图片

PyCharm配置Qt Designer

  PyCharm是开发Python程序主流常用的IDE。为方便调用Qt Designer实现界面开发和编译相应完成,可以在PyCharm配置Qt Designer和PyUIC。

 (1)配置Qt Designer。PyCharm -> 菜单File -> Settings -> Tools -> External Tools -> +号,进行添加。 参数配置说明:

  Name:Qt Designer。方便记忆。实际可以任意取值。

  Program:designer.exe程序绝对路径。根据实际安装路径填写。

  Parameters:$FileDir$\$FileName$。固定取值。

  Working directory: $FileDir$。固定取值。

[ PyQt入门教程 ] PyQt5开发环境搭建和配置_第8张图片

(2)配置PyUIC。该工具是用于将Qt Designer工具开发完成的.ui文件转化为.py文件。配置打开路径同Qt Designer。参数配置说明:

  Name:PyUIC。方便记忆。实际可以任意取值。

  Program:python.exe程序绝对路径。根据实际安装路径填写。

  Parameters:-m PyQt5.uic.pyuic $FileName$ -o $FileNameWithoutExtension$.py。固定取值。

  Working directory: $FileDir$。固定取值。

[ PyQt入门教程 ] PyQt5开发环境搭建和配置_第9张图片

(3)测试Qt Designer和PyUIC配置是否成功。打开路径:菜单栏Tools -> External Tools ->Qt Designer/PyUIC

[ PyQt入门教程 ] PyQt5开发环境搭建和配置_第10张图片

   点击Qt Designer,打开Designer程序主界面如下。将左侧Widget Box中Push button空间拖到主界面,双击空间修改名称为test。另存为名称work.ui。默认后缀就是.ui。

[ PyQt入门教程 ] PyQt5开发环境搭建和配置_第11张图片

 打开PyUIC,自动完成work.ui文件的转换。生成文件名为work.ui。

[ PyQt入门教程 ] PyQt5开发环境搭建和配置_第12张图片

[ PyQt入门教程 ] PyQt5开发环境搭建和配置_第13张图片

  文件转换成功后,可以在project目录中查看。如下

[ PyQt入门教程 ] PyQt5开发环境搭建和配置_第14张图片

  配置成功。完成

命令行打开designer和转换.ui文件

  除了集成到Pycharm工具使用,也可以采用命令行方式打开designer和通过命令转换.ui文件为.py文件,我个人习惯使用这种方法。方法如下: 

(1)设置designer为桌面快捷方式。designer路径在${python安装目录}/Lib/site-packages/pyqt5_tools/designer.exe

  (2)假设designer.exe开发完成的界面文件为work.ui。切换到work.ui目录并执行如下命令转换:

        pyuic5  -o work.py work.ui

小结

  学习完本文课程,就可以完成PyQt5工具安装和配置。为PyQt5开发界面迈出了最重要的一步。下一节就可以开始通过Qt Designer工具实现界面开发了。

你可能感兴趣的:([ PyQt入门教程 ] PyQt5开发环境搭建和配置)