Python 可视化图形界面编程（VSCode、PYQT5、 QtDesigner）之 Hello World

2023-07-28 21:59| 来源: 网络整理| 查看: 265

1. 环境

Win10（64bit），python 3.6.7，VS code 1.46.1（利用Anaconda安装）。假定基础环境搭建完毕并测试通过。

2. 下载pyqt5

在 Anaconda Prompt 中运行如下语句

pip install pyqt5-tools -i https://pypi.douban.com/simple/

安装完成后显示如下界面

不要在cmd中运行，否则需要自行配置环境变量

-i https://pypi.douban.com/simple/ 是为了换源，原始下载地址下载超慢的。

pyqt5 是 pyqt5-tools的依赖，所以无需单独 pip pyqt5 进行安装。

3. VS Code 中安装 PYQT Integration 扩展

打开VS Code，在 Extensions 中找到 PYQT Integration 并安装

4. VS Code 中配置 PYQT Integration

安装完成后，右键选择 Extension Settings，设置 pyuic5.exe 和 designer.exe 的路径。截图中路径供参考。

5. Designer 中创建 UI

新建空白 .py 文件（为后续方便描述，命名为main.py），右键，选择 New Form 唤起 designer 设计器。新建 Main Window。拖拽 Label 控件，写入 Hello World 并保存（为后续方面描述，命名为 main.ui）。需与 main.py 同目录。

6. VS Code 中编译 main.ui

回到 VS Code，发现工作目录下多出 main.ui 文件，右键选择 PYQT：Compile Form，生成 Ui_main.py 文件。（如果没有 designer，这个文件就是那个需要纯手写的界面文件）。这里我们只需要关心一下类名就好了。

7. 测试

回到最开始那个空白文件 main.py，写入如下代码并运行。出现如下界面，即为搭建完成。红框那里注意文件名和类名不要写错。

import sys from PyQt5.QtWidgets import QApplication, QMainWindow import Ui_main if __name__ == '__main__': app = QApplication(sys.argv) MainWindow = QMainWindow() ui = Ui_main.Ui_MainWindow() ui.setupUi(MainWindow) MainWindow.show() sys.exit(app.exec_())

附录：

第5步打开 Designer 时如果出现如下错误：

This application failed to start because no Qt platform plugin could be initialized. Reinstalling the application may fix this problem.

可以按以下方法解决：

复制如下目录中的所有文件（理论上应该有4个）

替换粘贴到如下目录即可

【本文地址】

公司简介

联系我们