精选文章 VSCode配置PyQt5和designer

VSCode配置PyQt5和designer

作者:PUZZER_Ball 时间: 2020-08-05 07:12:24
PUZZER_Ball 2020-08-05 07:12:24

VSCode配置PyQt5和designer

参见python界面编程:VScode+pyqt+pyqt integration配置备忘
参见PyQt5(designer)入门教程

1.安装pyqt integration扩展

VSCode配置PyQt5和designer1

2.配置pyqt integration并绘制一个简易UI界面测试

1)选择文件->首选项->设置,搜索pyqt,对pyuic5的路径以及QT designer的路径进行设置。(我的pyuic5是默认的没有改,designer为空,所以对designer路径进行配置)
这两个文件在python安装路径下,搜索pyuic5和designer就可以找到位置。
我的pyuic5路径是C:\Python\Python38\Scripts\pyuic5
我的designer路径是C:\Python\Python38\Lib\site-packages\pyqt5_tools\Qt\bin\designer
VSCode配置PyQt5和designer2
2)在资源管理器VS-Code-Python下面那片区域右键,选择PYQT:New Form的话,就会打开qt designer 界面编辑器。
VSCode配置PyQt5和designer3
3)初次启动会弹出这个“New Form”窗口,选择“Main Window”然后点击“Create”。在画布上任意拖动几个控件。
VSCode配置PyQt5和designer4
4)使用快捷键Ctrl+R预览当前编写的GUI(或者从菜单栏的Form > Preview / Preview in进入)
VSCode配置PyQt5和designer5
5)画好界面后保存,就会生成相应的.ui文件。
6)右键.ui文件,选择PYQT:compile from。
可以对untitled.ui文件进行编译,自动生成对应的py文件Ui_untitled.py
VSCode配置PyQt5和designer6
7)尝试运行刚刚生成的“Ui_untitled.py”是没用的,因为生成的文件并没有程序入口。因此我们在同一个目录下另外创建一个程序叫做“main.py”,并输入如下内容,将Ui_untitled替换为你生成.py文件名。

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow

import Ui_untitled

if __name__ == '__main__':
    app = QApplication(sys.argv)
    MainWindow = QMainWindow()
    ui = Ui_untitled.Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec_())

VSCode配置PyQt5和designer7

相关文章

勿删,copyright占位
分享文章到微博
分享文章到朋友圈

上一篇:C++基础知识(四)-友元和运算符重载

下一篇:2020-08-05 查询七天各个商品出库情况

您可能感兴趣

华为云40多款云服务产品0元试用活动

免费套餐,马上领取!
CSDN

CSDN

中国开发者社区CSDN (Chinese Software Developer Network) 创立于1999年,致力为中国开发者提供知识传播、在线学习、职业发展等全生命周期服务。