python创建图形界面_Python 可视化图形界面编程(VSCode、PYQT5、 QtDesigner)之 Hello World...

1. 环境

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

python创建图形界面_Python 可视化图形界面编程(VSCode、PYQT5、 QtDesigner)之 Hello World..._第1张图片

python创建图形界面_Python 可视化图形界面编程(VSCode、PYQT5、 QtDesigner)之 Hello World..._第2张图片

2. 下载pyqt5

在 Anaconda Prompt 中运行如下语句

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

安装完成后显示如下界面

python创建图形界面_Python 可视化图形界面编程(VSCode、PYQT5、 QtDesigner)之 Hello World..._第3张图片

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

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

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

3. VS Code 中安装 PYQT Integration 扩展

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

python创建图形界面_Python 可视化图形界面编程(VSCode、PYQT5、 QtDesigner)之 Hello World..._第4张图片

4. VS Code 中配置 PYQT Integration

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

python创建图形界面_Python 可视化图形界面编程(VSCode、PYQT5、 QtDesigner)之 Hello World..._第5张图片

python创建图形界面_Python 可视化图形界面编程(VSCode、PYQT5、 QtDesigner)之 Hello World..._第6张图片

5. Designer 中创建 UI

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

python创建图形界面_Python 可视化图形界面编程(VSCode、PYQT5、 QtDesigner)之 Hello World..._第7张图片

python创建图形界面_Python 可视化图形界面编程(VSCode、PYQT5、 QtDesigner)之 Hello World..._第8张图片

python创建图形界面_Python 可视化图形界面编程(VSCode、PYQT5、 QtDesigner)之 Hello World..._第9张图片

6. VS Code 中编译 main.ui

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

python创建图形界面_Python 可视化图形界面编程(VSCode、PYQT5、 QtDesigner)之 Hello World..._第10张图片

python创建图形界面_Python 可视化图形界面编程(VSCode、PYQT5、 QtDesigner)之 Hello World..._第11张图片

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_())

python创建图形界面_Python 可视化图形界面编程(VSCode、PYQT5、 QtDesigner)之 Hello World..._第12张图片

python创建图形界面_Python 可视化图形界面编程(VSCode、PYQT5、 QtDesigner)之 Hello World..._第13张图片

附录:

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

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

python创建图形界面_Python 可视化图形界面编程(VSCode、PYQT5、 QtDesigner)之 Hello World..._第14张图片

可以按以下方法解决:

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

python创建图形界面_Python 可视化图形界面编程(VSCode、PYQT5、 QtDesigner)之 Hello World..._第15张图片

替换粘贴到如下目录即可

python创建图形界面_Python 可视化图形界面编程(VSCode、PYQT5、 QtDesigner)之 Hello World..._第16张图片

原文链接:https://blog.csdn.net/white_rabbit_2/article/details/107180623

你可能感兴趣的:(python创建图形界面)