通过VSCODE搭建PyQt5 来实现GUI界面

2023-10-12 08:24| 来源: 网络整理| 查看: 265

1、首先安装好了vscpde并配置了python环境，如果还没有配置，请先配置完成后再来安装。

2、通过pip(配置python环境时会安装pip)的方式来安装pyqt5及pyqt5-tools

pip install PyQt5

pip install PyQt5-Tools

3、找到PyQt5工具的designer.exe运行，一般安装在"C:\Users\XXXX\AppData\Local\Programs\Python\Python38\Lib\site-packages\pyqt5-tools"，XXXX代表自己电脑的用户名字。

如果上面的路径找不到designer.exe，可以去"C:\Users\XXXX\AppData\Local\Programs\Python\Python38\Lib\site-packages\qt5_applications\Qt\bin"这个路径应该能找到。

4、运行designer.exe

5、创建ui并保存到你想要保存的文件夹中。

6、在vscode中搜索PYQT integration并将安装此插件。

7、然后打开通过designer.exe创建的ui，或者是此ui被保存到vscode工作文件夹下，它会自动出现在vscode工作文件夹下。

8、在test.ui上鼠标右键，然后点击PYQT:Compile Form，生成Ui_test.py文件。

9、在自己设计的py文件中（或新建py文件）通过下面代码来测试调用UI类。

import sys from PyQt5 import QtCore, QtGui, QtWidgets from Ui_test import Ui_MainWindow class testwindow(QtWidgets.QMainWindow,Ui_MainWindow): def __init__(self): super(testwindow,self).__init__() self.setupUi(self) if __name__=='__main__': app = QtWidgets.QApplication(sys.argv) window = testwindow() window.show() sys.exit(app.exec_())

10、运行实现效果如下：

11、通过vscode配置designer.exe所在路径,以后可以通过vscode打开designer.exe。

C:\Users\XXXX\AppData\Local\Programs\Python\Python38\Lib\site-packages\qt5_applications\Qt\bin\designer

创建新的pyqt界面：

参考博客：https://blog.csdn.net/Z_97_97/article/details/103228507

//pip 更新指令 python -m pip install --upgrade pip

【本文地址】

公司简介

联系我们