Qt Designer（界面设计师）

Qt designer是Python设计里面一个非常实用的工具，使得人们编写qt界面可以不仅仅是使用纯代码，而可以在可视化的基础上设置，非常方便。

1.环境下载

配置环境之前我们需要用到两个东西：

1. designer（UI可视化开发界面）--可以生成xxx.ui文件
2. pyuic5（将 Qt Designer 生成的 xxx.ui 文件转换成 python 代码）

pip install PyQt5  #下载此模块，里面就包含有pyuic5，路径在 ...\Scripts下

pip install PySide2 #下载此模块，里面就包含有designer，路径在...Lib\site-packages\PySide2下

这里designer看了其他博主，下载pyqt5-tools模块也是会有，不过用pyside2可能有兼容的问题，建议用pyqt5-tools

网络环境差时，可用镜像网址（加上红色的命令）下载：pip install PySide2 -i http://pypi.douban.com/simple/ --trusted-host pypi.douban.com

 

2.pycharm中环境搭建

需要配置designer与pyuic5

一. 配置designer

1.打开设置面板，File-Setting...

2.打开添加外部工具面板，Tools-External Tools

3.添加工具面板，分别设置1（name，description），2（program，arguments，working directory）

Program： designer.exe 的路径
Working Directory: 设置保存的 UI 文件位置，$FileDir$ 表示文件所在目录

4.designer的使用

二. 配置pyuic5（与上述添加Designer类似）

1.打开设置面板，File-Setting...

2.打开添加外部工具面板，Tools-External Tools

3.添加工具面板，分别设置1（name，description），2（program，arguments，working directory）

 这里Arguments添加的是：$FileName$ -o $FileNameWithoutExtension$.py

4.Pyuic5的使用

添加后可以直接在工作列表中将ui文件转换成py文件

如下图操作：通过1,2,3步骤，直接在工作目录下生成py文件

 

3.转换后py文件的运行

MainWindow.py的部分代码

在转换后的文件头部添加代码：

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow

尾部添加代码：

if __name__ == '__main__':
    app = QApplication(sys.argv)
    MainWindow = QMainWindow()
    ui = Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec_())

crtl + shift + F10运行