REF

https://www.jianshu.com/p/5b063c5745d0

 

Qt Designer的介绍

在PyQt中编写UI界面可以直接通过代码来实现，也可以通过Qt Designer来完成。Qt Designer的设计符合MVC的架构，其实现了视图和逻辑的分离，从而实现了开发的便捷。Qt Designer中的操作方式十分灵活，其通过拖拽的方式放置控件可以随时查看控件效果。Qt Designer生成的.ui文件（实质上是XML格式的文件）也可以通过pyuic5工具转换成.py文件。
Qt Designer随 PyQt5-tools 包一起安装，其安装路径在 “Python安装路径\Lib\site-packages\pyqt5-tools”下。
若要启动Qt Designer可以直接到上述目录下，双击designer.exe打开Qt Designer；或将上述路径加入环境变量，在命令行输入designer打开；或在PyCharm中将其配置为外部工具打开。
下面以PyCharm为例，讲述PyCharm中Qt Designer的配置方法。
示例如下：

 从上图可知：

 安装了Anaconda3，或，安装了PyQt5-tools 就会有 Qt Designer。

 

PyCharm中PyQt5工具配置

打开PyCharm，选择 File -> Settings -> Tools -> External Tools，点击左上角的 加号 + 。

 

 
Create Tool

Name 填入QtDesigner（方便后续使用，名称无所谓）。

Program 选择我们安装的 PyQt5-tools下面的 designer.exe [D:\Program Files\python_3_6_4\Lib\site-packages\qt5_applications\Qt\bin\designer.exe]。

Working directory 则选择我们的工作目录 [D:\Program Files\python_3_6_4\Lib\site-packages\qt5_applications\Qt\bin]。

然后点击OK，则添加了QtDesigner作为PyCharm的外置工具。

 

 

 

然后添加PyUIC（UI转换工具），PyUIC的

Program为Python.exe，在Python的安装目录下面的Scripts目录下【D:\Program Files\python_3_6_4\python.exe】，

Working directory 同理设为我们的工作目录【D:\Program Files\python_3_6_4】，

Arguments则填入如下代码：

-m PyQt5.uic.pyuic  $FileName$ -o $FileNameWithoutExtension$.py

最后添加 pyrcc 用于PyQt5的资源文件转码。

Program为Python.exe，在Python的安装目录下面的Scripts目录下【D:\Program Files\python_3_6_4\python.exe】，

Working directory 同理设为我们的工作目录【D:\Program Files\python_3_6_4】，

具体配置与上述内容相同，Arguments填入：

$FileName$ -o $FileNameWithoutExtension$_rc.py

退出之前，点击Apply保存配置。配置完成之后，PyCharm中会加入3个工具。

配置好的工具

 

 
点击QtDesigner则打开QtDesigner的界面。