在Pycharm中嵌入Qt Designer |项目复盘

852 阅读4分钟

作者:看那个码农

公众号:看那个码农

今天我们谈到的东西和GUI(图形用户界面)有关,可能大家对GUI这个词很陌生,其实它和我们的生活联系得很紧密,比如大家每天在手机上,电脑上看到的东西就是由一个个GUI界面所组成,它把程序员冷冰冰的代码,通过各种好看有趣的图形图像呈现给用户。可以说GUI无处不在。

image.png

谈到GUI就必须得介绍一下Qt

Qt 是一个1991年由Qt Company开发的跨平台C++图形用户界面应用程序开发框架。它既可以开发GUI程序,也可用于开发非GUI程序,比如控制台工具和服务器。Qt是面向对象的框架,使用特殊的代码生成扩展(称为元对象编译器)以及一些宏,Qt很容易扩展,并且允许组件编程。

image.png

既然Qt这么强大,那么在Pycham中编写Python代码时候能不能用Qt设计GUI窗口界面,将程序更好地通过窗口的形式呈现出来呢?

答案是“能”。

正因为用户的需求,PyQt应运而生。

PyQt是一个创建GUI应用程序的工具包。它是Python编程语言和Qt库的成功融合。

PyQt实现了一个Python模块集。它有超过300类,将近6000个函数和方法。它是一个多平台的工具包,可以运行在所有主要操作系统上,包括UNIX,Windows和Mac。

image.png

那么如何在Pycharm上安装PyQt呢?

下面本篇推文做了详细地介绍。

准备工具 1.Pycharm 2019.1.3社区版 2.Anaconda 1.4.3(python 3.6.0版本)

1.PyQt安装

这里使用的是pip安装,打开anaconda prompt,在anaconda安装目录下,执行以下命令:

1.pip install sip //这个是pyqt开发商提供的支持包
2.pip install PyQt5 -i https://pypi.douban.com/simple
3.pip install PyQt5-tools -i https://pypi.douban.com/simple

1.首先执行命令一,如图所示

image.png

2.执行命令二,如图所示

image.png

3.执行命令三,如图所示

image.png

安装完成后在自己的目录\Anaconda3\Lib\site-packages

image.png

成功完成了以上步骤之后即可完成对PyQt的安装,离成功只有一半了。

2.配置Pycharm

这里主要是在Pycharm中添加两个external tool

“Qt Designer”和“Pyuic”。

前者作为打开qt图形化界面进行UI的编辑,后者是将生成的.ui文件转换为.py文件,从而能够运行它。

1.创建Qt Designer

在新建的工程下

File->Settings->Tools->External Tools

点击加号:

image.png

Name:可自己定义  建议是: Qt Design
program:XXX\anaconda\Lib\site-packages\pyqt5_tools\designer.exe这个是Qt Designer的安装路径 
(designer.exe可能直接在pyqt5_tools路径下,也可能在pyqt5_tools\Qt\bin中)
Arguments:不填 
directory:
XXX\anaconda\Lib\site-packages\pyqt5_tools

2.创建Pyuic

在新建的工程下

File->Settings->Tools->External Tools

点击加号:

image.png

Name:可自己定义  建议是: Pyuic
program:D:\anaconda\python.exe
parameter:-m PyQt5.uic.pyuic $FileName$ -o $FileNameWithoutExtension$.py
directory:$FileDir$

3.测试

1.完成前面的步骤后可在pycharm中打开Qt,

Tools->External Tools->Qt Designer

这就是我们刚刚前两步的目的:

image.png

2.点击Qt Designer,如果一切正常的话则会显示下面的界面编辑页面:

image.png

3.选择Main Windows,Create

在左边的Widget Box中选中一个label然后拖拽到window中,仪式感的命名为Hello world。

image.png

4.选择Save,建议保存在当前Pycharm工程目录下。

这样回到Pycharm,目录树下就会多了一个.ui文件

image.png

5.选中该文件,右击,External Tools->PyUIC

image.png

这个时候顺利的话会生成一个.py文件

image.png

不顺利的话就会报错,如图

image.png

查找了官方文档,Pycharm报这个错误,是因为Anaconda的python文件缺少python3.dll文件

这个时候就需要前往python的官网下载自己Anaconda的python版本的对应文件

网址链接:

www.python.org/downloads/w…

image.png

打开下载文件夹复制python.dll文件

image.png

将文件复制粘贴或替换到Anaconda的python.exe文件所在文件夹中

image.png

完成以上操作重新打开Pycharm执行步骤5即可消除报错,生成对应的.py文件

image.png

如果你觉得这篇内容对你有帮助的话:

1、点赞支持下吧,让更多的人也能看到这篇内容

2、关注公众号:看那个码农,我们一起学习一起进步。

本文正在参与「掘金 2021 春招闯关活动」, 点击查看 活动详情