1. 安装相关库
安装 pyqt5 和 pyqt5-tools
使用豆瓣的源,搜则会很慢然后卡死(pycharm安装会报错,直接cmd安装可行,先把python升到21以上)
pip install PyQt5 -i http://pypi.douban.com/simple --trusted-host pypi.douban.com
pip install PyQt5-tools -i http://pypi.douban.com/simple --trusted-host pypi.douban.com
2. 配置pycharm(添加两个选项分别是:Qt Designer PyUi)
选择File-Settings-Tools-External Tools
Name:Qt Designer(自己定义,你喜欢就好)
program:Qt Designer的安装路径 (例如我的位置是:D:\dev_home\Python3.6\Lib\site-packages\qt5_applications\Qt\bin\designer.exe)
Name:PyUi
program:pyuic的安装路径 (例如我的位置是C:\Users\Administrator\AppData\Local\Programs\Python\Python36\Scripts\pyuic5.exe)
parameter:$FileName$ -o $FileNameWithoutExtension$.py
directory: $FileDir$
3.接着运行Tools-External Tools-Qt Designer
之后在打开的qt d中编写自己的界面,并保存到指定的文件夹下
保存的文件为.ui的文件
接着进入python编辑器右键选择刚才保存的文件(后缀为.ui),选择右键-External Tools -PyUi
会在相同文件夹下生产同名的.py文件python文件
生成的文件
观察上述文件,可以看到如果不通过Qt Designer来制作界面的话,我们将会一次次地调试程序,来讲按钮和Label等放在合适的位置,这将是极其痛苦的过程。而通过Qt Designer,我们可以快速地制作UI,并生成Python的代码,从而实现快速地UI的开发
4.使用转换的.py文件
然而,此时之间运行这个转换好的Python文件是无法显示任何窗口的。因为这个Python文件只有定义主窗口以及其控件的代码,并没有程序入口的代码。为了秉持视图与逻辑分离的原则,我们再编写一个新的脚本来调用这个文件,并且创建一个窗口
通过上述代码,我们继承了Ui_MainWindow类,使用其构造方法构造主窗口,并定义了程序的入口,通过创建QApplication对象来创建Qt窗口。其运行结果如下:
通过上述操作,我们熟悉了Qt Designer设计界面,到实现业务逻辑的大致工作流程。通过这个工作流程可以简化工作,实现速度的提升。
通过对视图与业务逻辑的分离,在每次更改Qt Designer的UI设计的时候,也不用重新编写代码,而只需对更改的部分做稍微的修改即可。