2020-04-04：pyqt5和qtdesigner

上一篇文章介绍了pythonGUI拖拽式工具和pyqt5的安装介
地址：https://www.jianshu.com/p/1f3d4748c8ad
这里介绍一下pyqt5和拖拽式工具qtdesigner，以及将qtdesigner，pyuic命令增加到pycharm中。
知识点：为什么需要增加到pycharm中，上面介绍了eric，为什么还要介绍qtdesigner。
答：首先eric6是一款结合python和pyqt5的一个编译器，它可以直接在其内部通过拖拽来生成我们想要的GUI效果，然后在其内部可以通过功能按钮直接生成一个可执行的文件，并且可以在生成py文件中修改代码和调试。不需要额外的python编译器。而我们通过qtdesigner来进行GUI的创作时，它可以在其内部查看我们GUI效果。但是当我们需要打包给别人当成一个APP来用时，我们需要将其编译成py文件。然后才能进行打包。而将qtdesigner编译的ui文件打包需要在终端执行（将你的ui文件保存在pycharm的项目中）下面的操作
pyuic5 -o 需要生成的文件.py 你编译的uiwen文件.ui来执行。如果你想通过pycharm执行ui生成的py文件时，你还需要在py文件的下面添加如下代码
if name__ == 'main':
         app = QApplication(sys.argv) # 创建一个QApplication，也就是你要开发的软件app          MainWindow = QMainWindow() # 创建一个QMainWindow，用来装载你需要的各种组件、控件
         ui = Ui_MainWindow() # ui是你创建的ui类的实例化对象
         ui.setupUi(MainWindow) # 执行类中的setupUi方法，方法的参数是第二步中创建的QMainWindow
         MainWindow.show() # 执行QMainWindow的show()方法，显示这个MainWindow
         sys.exit(app.exec_()) # 使用exit()或者点击关闭按钮退出QApplication
而且来回在qtdesingner和pycharm以及终端进行切换很麻烦。

那为什么我还要介绍呢

原因：我们可以通过一些操作来简化一些上面qtdesigner转换步骤步骤，下面来正式介绍

1.下面安装python3.6和pycharm
具体的安装以及环境配置就不介绍了
2.安装pyqt5和pyqt5-tools
pip install pyqt5==5.10.1 -i https://pypi.doubanio.com/simple/
安装完成后看是否能导入pyqt5如果在终端或编译器导入pyqt5,运行报错提示no pyqt5.sip 时，通过下面的命令安装它
pip install sip==4.19.8
pip install pyqt5-tools -i https://pypi.doubanio.com/simple/
2.3 执行完上面的操作后，然后将安装的pyqt5和pyqt5-tools的对应路径加入到环境变量中
例如：D:/xx/xxx/xx/pyqt5 和D:/xx/xxx/xx/pyqt5-tools这两个路径加入到你的环境变量里面（用户环境变量的path里面新建这两个路径）
qtdesigner.exe就在你的 pyqt5-tools文件中，如下图

解释一下：你通过pip或pipenv安装的包都在你的python解释器所在目录中的lib文件夹中的site-packages。你根据包的名称在这个site-packages文件夹去找就ok了。
而命令pyuic5.exe在scripts文件下，如图

2.将pyuic与qtdesigner配置到pycharm中
2.1首先在你的磁盘中先建一个空的文件夹来存放qtdesigner创建的ui文件，然后打开pycharm项目地址就定位在所在的那个文件夹并配置pycharm的解释器。
2.1.1点击file

找到settings

在settings 找到external tools

刚开始，上图中的右边区域你什么都没有，点击+号，开始配置qtdesigner,配置信息如下

1.名字
2.你的designer.exe所在路径 (在pyqt5tools下的QT文件夹下的bin中)
3.将当前的目录作为designer的工作目录
点击ok

2.2 配置完designer,继续点击加号配置pyuic5

1.名字
2.pyuic5所在路径，（位置在scripts目录下面）
3.\$FileName\$ -o \$FileNameWithoutExtension\$.py -x将这句话加入
4.与上面的designer同理（可以根据你的ui文件所在目录进行编译$FileDir$）
点击ok

执行完上面的步骤,你就可以查看你的扩展工具了，如下

3.我们做一个测试
我们点击pycharm中的qtdesigner，进入designer

按上图操作点击Main Window 然后点击Create,创建内容，将text Edit拖拽到主窗口中并输入相关的内容

点击保存

1.点击保存按钮
2.修改ui名称
3.它保存的路径就是我们刚才在配置designer时设置的pycharm当前工作目录，然后在我们的pycharm项目中就会出现

最后选中ui文件，右击

在当前的终端就会执行pyuic5命令，并生成对应名字相同的py名称

点开生成py文件，加上这段代码

然后导入相应的包

这样就可以运行了。(在将ui文件转成py文件时，加上-x可以直接生成可编译的py文件)

：
  有时候需要加载一些静态资源比如你的ui文件中有图片资源，在编译ui转换的py文件时需要加载图片资源，所以，需要把资源文件（以qrc为后缀的文件进行编译）

1.pyrcc5.exe所在目录（与上面pyuic5在同一个目录中）
2.$FileName$ -o $FileNameWithoutExtension$_rc.py
3.$FileDir$

小tip
如果你不喜欢每次都写这段代码，你可以将这段代码包装成活动模板，就像你在pycharm中调用某一个函数的时候，你会发现你刚输入这个函数的前几个字母，然后prcharm就会自动把符合这几个字母的函数例举出来，让你选。具体怎么操作百度吧。我就不说了。