2023年7月3日发(作者：)

小白Python+Qt5+Pycharm 界面设计

导读：最近小白需要做一个计算器，但是计算机编程能力几乎没有，所以各种查阅资料，最终确认使用Python+Qt5+Pycharm做一个界面。但是过程中遇到太多的坑，所以想把过程和方法记录下来，供大家参考。

第一部：Python,Pycharm,Qt5准备。

1.1首先了解一下这三个工具。

Python就是主要的编程工具，有着自己的语法规则，也有自己的编写规则，优点是可以很方便的调用各种库，这样就可以让小白告别原理和专业封装知识，只需要知道自己需要什么效果，然后用哪个命令来实现。

Pycharm就是一个编译环境。因为Python的界面太不友好，感觉有点像Dos操作，那就先给个差评。Pycharm可以更加友好话的体现这是个编程软件，会突然有点回到当年学习C语言的感觉，一下子就会感觉这个编程语言好简单，其实是Pycharm给人的错觉。

Qt5是个啥，我目前也不太清楚，不过Qt designer确实是可以像VB一样拖拽控件来进行布局。为啥用Qt5呢，因为不会用Python进行布局，所以找个工具转一下。

1.2 Python,Pycharm,Qt5安装

环境安装是编程第一步。也有人说买本书或者视频教程才是第一步，但是我觉着当下连小学生都开始学习Python了，网上资料一堆一堆的，查一下就行了。

1.2.1 安装 Python3.9

我使用的是最新的Python3.9，因为习惯下载最新的。

官网链接是/downloads/windows/，下载目前是免费的，我的系统是Win10 64位系统，下载需要匹配自己的系统。小白学习建议学习Python3.X，因为Python2.X和3.X不兼容（这点很少见）。

接下来就是安装，安装按照提示，最好自定义一个目录，因为个人觉着自动的安装目录太深了，不方便找。后边就根据提示走就好了。

1.2.2 安装Pycharm

PyCharm 下载地址 : /pycharm/download/

PyCharm有专业版和社区版连个版本，一般学习编程用社区版就可以了（因为专业版收费，不然谁用阉割版！），专业版购买比较方便，支持支付宝。社区版虽然显示灰色，但是可以正常下载。

接下来进行Pycharm安装。下载的安装文件进行安装。安装目录和Python做邻居，需要选择的配置全部选上。

1.2.3 安装Qt5

安装Qt5是一个比较神奇的操作，不需要单独下载Qt。

启动PyCharm，新建一个Project。

然后Projcet存放位置和编译环境已经自动填写，可以不用修改。方框两个内容需要勾选。然后生成并进入各种自动配置，需要等待环境配置成功。

Qt5的安装，不需要下载软件就可以进行，原因是Qt5对Python进行了兼容，所以Python可以直接下载安装。这里我们使用了一个神奇的指令 pip

正式安装QT5前，我们需要使用一个神奇的指令pip安装一个叫sip的控件。

在界面底部点Termial，英文输入 ‘ pip install sip ‘，之后点回车，下载与安装就开始了。

完成后，再输入指令‘pip install PyQt5’，进行Qt5的下载与安装（可能下载比较慢）。

完成后，输入指令‘pip install PyQt5-tools’，进行Qt5工具安装。 注：这些指令在 Win+R，cmd 里也可以进行，但是容易出现下载错误。

QT5被安装在了生成的Projcet的子目录里，所以不要轻易删除Projcet。

第二部：Pycharm,Qt5界面设计配置

已经安装好Python，Pycharm，Qt5 的电脑，需要进行适当的配置才能进行UI操作。

使用Pyqt5开发UI，有两种方式，一种是直接输入python代码创建UI，如label、text、button等，并需要通过代码来调整位置、大小等信息；另一种是通过Pyqt5-tools模块中的QtDesigner来设计UI，也就是通过Qt中拖拽相应的UI模块来设计UI界面，然后再通过将保存好的.ui文件导入工程转换为.py文件供python程序调用，显然第二种方式更加简单

Pycharm既然支持Qt5,为什么还要做个配置出来，直接自动配置不更好？

下面Pycharm配置Qt5（把Qtdesignet导入到Pycharm中，做一个插件）

配置QtDesigenr： 打开Field→Settings；然后点开External Tools，点击＋号，如图。

Name：Qt5designer 软件名，自定义即可

Program：安装pyqt5_tools模块的路径下的designer

C:UsersAdministratorPycharmProjectspythonProject5venvLibsite-packagesqt5_（也可搜索到文件位置，把路径复制到这里）

Working directory：$ProjectFileDir$

配置PyUIC

Name：PyUIC

Program：安装Qt5的路径下，文件（这个路径是自己建立的Project的QT5工具路径，非Python3.9的安装路径，这点很重要）

C:U

（这里有很多资料写的是要配置，我配置的也成功运行了）

Arguments:-m $FileName$ -o $FileNameWithoutExtension$.py

Working directory：$ProjectFileDir$

配置Pyrcc Name：Pyrcc

Program：安装Qt5的路径

C:U

（和Pyuic同目录）

Arguments:$FileName$ -o $FileNameWithoutExtension$_

Working directory：$ProjectFileDir$

这个时候，菜单Tools→External Tools 下就有了Qt5designer、PyUIC、Pyrcc三个外部插件了。

第三部 Python+Qt5+Pycharm 界面设计

3.1 利用Qt designer设计一个界面

在界面上点击右键，找到External Tools,里边弹出的三个外部插件是已经安装并配置的Qt5插件，点击Qt5designer就可以打开Qt5designer软件。

如果弹出下方的软件界面，说明Qt Deaigner配置成功并且启动成功。

我们建立一个Main window 界面，来规划计算器界面，规划的效果如图（Qt designer使用需要网上查阅，这里不做叙述）

最后需要保存界面，选择另存为...，保存.ui文件到自己建立的Projcet文件目录下，这点很重要，不然Pycharm无法检查到UI文件。另存完成后，Pycharm的文件目录里自动检测到了这个文件。

3.2 将.UI文件转换为.py文件

.ui文件Pycharm是无法打开的，需要将.ui文件转换为.py文件，这个时候已经配置好的PyUIC就要派上用场了。

在上单击右键，找到External Tools，弹出的插件中左键选取PyUIC。

这个时候，文件目录下生成了一个的文件，这个文件就可以直接打开查看代码了。

3.3 运行Qt designer生成的界面 这个时候运行生成的.py文件，没有报错，程序也运行了，但是没有出现预期的界面。

需要进行一些配置才能真正的运行。

在文件或者文件末尾加入如下代码

import sys

import Calculator

from ets import QApplication, QMainWindow

if __name__ == '__main__':

app = QApplication() #声明应用程序

MainWindow = QMainWindow() #声明窗口

ui = _MainWindow() #声明UI对话框，即对应的UI的python文件

i(MainWindow) #将UI对话框对应声明的窗口

() #显示窗口

(_()) #当点击窗口的x时，退出程序

这样，运行文件或者文件都可以弹出对话框了。