PyQT可视化开发-保姆级教程

背景
因为在公司中负责小工具的开发（数据处理文件生成等），不可避免的会使用到Python的窗体界面，最初都是手敲出来的，费时费力，后来在网上百度了一下，发现一款比较好用的工具-QT designer,使用鼠标拖拽就可以完成窗体的设计，方便好用。
话不多说。现在就体验一下这个工具的强大之处吧。
1. 安装QT designer
这里需要安装两个东西：PyQt5和PyQt5-tools：

安装PyQt5：打开CMD或者PowerShell，在命令窗中输入

点击查看代码

pip install -i https://pypi.douban.com/simple/ --trusted-host=pypi.douban.com/simple PyQt5````

执行结果如下:

安装PyQt5-tools：打开CMD或者PowerShell，在命令窗中输入

点击查看代码

pip install -i https://pypi.douban.com/simple/ --trusted-host=pypi.douban.com/simple PyQt5-tools

执行结果如下：

2. 配置开发工具
QT designer install完成后，在pycharm中进行相关的配置
File--setting--External tools----点击 + 号进行配置

需要配置两个

配置QtDesigner，用来打开QT可视化开发工具
如下图，分别在Name、Program、Working dirctory填入如下信息：
Name：QtDesigner
Program：C:\LegacyApp\Python36\Lib\site-packages\qt5_applications\Qt\bin\designer.exe
注意：该路径为你Python安装路径下Lib\site-packages\pyqt5_tools文件夹里
Working dirctory：$FileDir$

配置PyUIC，用来将Qt Designer开发工具生成的.ui文件转换为.py文件
如下图，分别在Name、Program、Arguments、Working dirctory填入如下信息：

Name：PyUIC
Program：C:\LegacyApp\Python36\Scripts\pyuic5.exe
tips：该路径为你Python安装路径下Scripts文件夹里
Arguments：$FileName$ -o $FileNameWithoutExtension$.py
Working dirctory：$FileDir$

至此，安装和配置过程全部结束，下面介绍简单的使用教程。
3.使用Qt Designer设计界面
在PyCharm中创建一个项目，然后点击“Tools”--“External Tools”--“QtDesinger”打开QT Desinger，如下图：

在New Form对话框里选择Widget模板，然后点击创建：

然后就会出现Qt Designer主界面，向Form中分别拖入一个“Push Button”和一个“Text Edit”，如下图：

指定点击事件及其响应函数
在工具栏点击这个图标，然后光标移动到“PushButton”按钮上，鼠标左键点击 “PushButton”按钮不要松开，拖动光标到按钮旁边的任一位置后再松开鼠标左键

随后就出现了如下界面，在对话框左侧选中“clicked()”，右侧点击“Edit”

然后点击绿色“+”按钮，指定click事件的响应函数，名称随意，比如我这里命名为“pushButton_click()”
（这里只是指定事件与响应函数的关联关系，函数是没有实现的，根据业务自行实现）

最后，将设计的界面保存。
4.使用PyUIC将文件转成python代码
关闭QT Designer回到PyCharm，查看项目，可以看到只有刚才保存的untitled.ui文件在PyCharm是打不开的，我们需要将这个文件转成.py代码才能使用。

选中“untitled.ui”，在其上点击鼠标右键，到“External Tools”中点击“PyUIC”

之后再看项目文件，就可以看到多了一个“untitled.py”，双击查看其内容如下：

5.编写逻辑代码
界面与业务逻辑分离实现：这一步主要实现业务逻辑，也就是点击登录和退出按钮后程序要执行的操作。为了后续维护方便，采用界面与业务逻辑相分离来实现。也就是通过创建主程序调用界面文件方式实现。这有2个好处：
1.就是实现逻辑清晰。
2.后续如果界面或者逻辑需要变更，好维护。新建一个.py文件程序，在里边创建一个子类（MyPyQT_Form）继承untitled.py中的Ui_Form。具体代码如下：

点击查看代码

import sys
from PyQt5 import QtWidgets
from PyQT_Form import Ui_Form
 
class MyPyQT_Form(QtWidgets.QWidget,Ui_Form):
    def __init__(self):
        super(MyPyQT_Form,self).__init__()
        self.setupUi(self)
 
    #实现pushButton_click()函数，textEdit是我们放上去的文本框的id
    def pushButton_click(self):
        self.textEdit.setText("你点击了按钮")
 
 
if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    my_pyqt_form = MyPyQT_Form()
    my_pyqt_form.show()
    sys.exit(app.exec_())