VSCode+PyQt之Python界面编写

环境配置

1、python3.9
2、安装库

pip install PyQt5
pip install PyQt5-tools

3、选择python解释器
VSCode+PyQt之Python界面编写_第1张图片
4、在VSCode里下载并安装PYQT Integration

VSCode+PyQt之Python界面编写_第2张图片
5、配置pyqt integration
VSCode+PyQt之Python界面编写_第3张图片5.1 将下面改为:D:\ProgramFiles\Python39\Scripts\pyuic5.exe
VSCode+PyQt之Python界面编写_第4张图片
5.2 将下面的改为:D:\ProgramFiles\Python39\Lib\site-packages\qt5_applications\Qt\bin\designer.exe
根据自己的文件地址找正确的位置在哪里
VSCode+PyQt之Python界面编写_第5张图片

编写图像化界面

1、在资源管理器空白处,右键
VSCode+PyQt之Python界面编写_第6张图片
跟双击运行designer.exe的效果是一样的
2、弹出以下界面,可以通过拖拽创建界面
VSCode+PyQt之Python界面编写_第7张图片
2.1创建
VSCode+PyQt之Python界面编写_第8张图片
2.2效果如下
VSCode+PyQt之Python界面编写_第9张图片
2.3 根据左侧提供的组件,简单创建界面
VSCode+PyQt之Python界面编写_第10张图片
2.4 ctrl+s保存生成.ui文件
VSCode+PyQt之Python界面编写_第11张图片
3、右键test.ui文件
VSCode+PyQt之Python界面编写_第12张图片

compile Form生成.py文件
VSCode+PyQt之Python界面编写_第13张图片4、在代码中添加如下代码段

import sys

……

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

运行.py文件,得到
VSCode+PyQt之Python界面编写_第14张图片
控件的大小还需要在代码中再修改。

你可能感兴趣的:(学习笔记,python,vscode,pyqt)