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

1. 环境

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

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doaXRlX3JhYmJpdF8y,size_16,color_FFFFFF,t_70

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doaXRlX3JhYmJpdF8y,size_16,color_FFFFFF,t_70

2. 下载pyqt5

在 Anaconda Prompt 中运行如下语句

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

安装完成后显示如下界面

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doaXRlX3JhYmJpdF8y,size_16,color_FFFFFF,t_70

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

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

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

3. VS Code 中安装 PYQT Integration 扩展

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

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doaXRlX3JhYmJpdF8y,size_16,color_FFFFFF,t_70

4. VS Code 中配置 PYQT Integration

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

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doaXRlX3JhYmJpdF8y,size_16,color_FFFFFF,t_70

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doaXRlX3JhYmJpdF8y,size_16,color_FFFFFF,t_70

5. Designer 中创建 UI

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

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doaXRlX3JhYmJpdF8y,size_16,color_FFFFFF,t_70

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doaXRlX3JhYmJpdF8y,size_16,color_FFFFFF,t_70

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doaXRlX3JhYmJpdF8y,size_16,color_FFFFFF,t_70

6. VS Code 中编译 main.ui

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

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doaXRlX3JhYmJpdF8y,size_16,color_FFFFFF,t_70

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doaXRlX3JhYmJpdF8y,size_16,color_FFFFFF,t_70

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

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doaXRlX3JhYmJpdF8y,size_16,color_FFFFFF,t_70

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doaXRlX3JhYmJpdF8y,size_16,color_FFFFFF,t_70

附录:

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

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

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3doaXRlX3JhYmJpdF8y,size_16,color_FFFFFF,t_70

可以按以下方法解决:

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

20200707145305731.png

替换粘贴到如下目录即可

20200707145346407.png

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值