没有做过UI界面的都会把UI的制作想象的很神秘，我在刚开始的时候也是感觉异常神秘、很复杂、并且无从下手，不过在真正的做出来一个界面后，发现也并没有想象中的那么难，而且做出来可视化的东西所带来的成就感是超越代码本身的；不过整个过程也并不顺利，网上都是零散的内容，很多都需要我单独常识方可得到我想要的，因此我就准备开个专栏，将整套PyQT5实现UI的方法给到大家，希望能够帮助有需要的人。

环境搭建

一、库安装

1、安装PyQT5

pip安装：pip3 install PyQt5 -i https://pypi.douban.com/simple

直接通过pip install进行安装，安装完成，请复制完整的路径（冒号后面的所有内容）

安装过程如下图：

查询是否安装成功可以可以在pycharm中查看：File -> settting -> Project -> Python Interpreter

2、安装界面设计插件designer.exe

pip安装：pip3 install PyQt5-tools -i https://pypi.douban.com/simple

直接通过pip install进行安装，安装完成，请复制完整的路径（冒号后面的所有内容）

安装过程如下图：

安装结果查询：

3、安装pyuic5-tool (UI界面转换为.py文件)

pip安装：pip install pyuic5-tool

直接通过pip install进行安装，安装完成，请复制完整的路径（冒号后面的所有内容）

由于我关闭了窗口所以当前仅显示已被安装：

安装结果查询：

二、Pycharm环境配置UI工具

1、配置UI设计工具到Pycharm

File -> setting -> Tools -> External Tools -> add

步骤4：可以通过everything工具搜索designer.exe，然后直接选择复制完整路径和文件名，最后粘贴在Program后面。

步骤5：固定格式$FileDir$

打开即为如下界面，我们就可以在这里面进行界面设计：

2、添加UI转py文件工具

File -> setting -> Tools -> External Tools -> add

Program：可以通过everything工具搜索pyuic5.exe，然后直接选择复制完整路径和文件名，最后粘贴在Program后面。

Arguments：固定格式写死即可：$FileName$ -o $FileNameWithoutExtension$.py

Working directory：固定格式：$FileDir$

3、添加外部工具pyrcc

File -> setting -> Tools -> External Tools -> add

Program：可以通过everything工具搜索pyrcc.exe，然后直接选择复制完整路径和文件名，最后粘贴在Program后面。

Arguments：固定格式写死即可：$FileName$ -o $FileNameWithoutExtension$.py

Working directory：固定格式：$FileDir$

确认外部插件添加成功：

以上完成后PyQt5的Pycharm环境就全部配置完成了，下一步我们就能够添加对应的UI插件进行编辑了。