一、自行安装Python3 (安装包如下)
链接: https://pan.baidu.com/s/1fMYMmwXIPy0rGS_B5V6Iqg 提取码:3333
二、安装PyQt5以及PyQt5-tools(这里面含有designer了)
pip install PyQt5
pip install PyQt5-tools
三、VSCode配置PyQt5和designer
1.安装pyqt integration扩展
![在这里插入图片描述](https://img-blog.csdnimg.cn/8b5ae70ceeac4842bb04ccdeec33f983.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd8Ky5aSn5aSn,size_20,color_FFFFFF,t_70,g_se,x_16)
2.配置pyqt integration
1)选择文件->首选项->设置,搜索pyqt,对pyuic5的路径以及QT designer的路径进行设置。(因为pyuic5是默认的没有改,designer为空,所以对designer路径进行配置) 两个文件在python安装路径下,搜索pyuic5和designer就可以找到位置 pyuic5路径是:D:\FPGA\python\Scripts\pyuic5 designer路径是:D:\FPGA\python\Lib\site-packages\qt5_applications\Qt\bin\designer
![在这里插入图片描述](https://img-blog.csdnimg.cn/66185fee495e41e1816f5e4228bfc497.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd8Ky5aSn5aSn,size_20,color_FFFFFF,t_70,g_se,x_16)
![在这里插入图片描述](https://img-blog.csdnimg.cn/53f29bee527e4638bcf5754bee726004.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd8Ky5aSn5aSn,size_20,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/24edb0b5f16b4e858f147b289eed80cc.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd8Ky5aSn5aSn,size_20,color_FFFFFF,t_70,g_se,x_16) 2)在资源管理器VS-Code-Python下面那片区域右键,选择PYQT:New Form的话,就会打开qt designer 界面编辑器。
![在这里插入图片描述](https://img-blog.csdnimg.cn/b068ad2063fa499090700d47fc5c0102.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd8Ky5aSn5aSn,size_20,color_FFFFFF,t_70,g_se,x_16)
![在这里插入图片描述](https://img-blog.csdnimg.cn/5dd4558837b24237b563a91adcb06d68.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd8Ky5aSn5aSn,size_20,color_FFFFFF,t_70,g_se,x_16)
3)初次启动会弹出这个“New Form”窗口,选择“Main Window”然后点击“Create”。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/79c0adddfeef461fb87a1f6da2886dbd.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd8Ky5aSn5aSn,size_20,color_FFFFFF,t_70,g_se,x_16) 在画布上任意拖动几个控件。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/eed4fc242d884ab59763f41152863d20.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd8Ky5aSn5aSn,size_20,color_FFFFFF,t_70,g_se,x_16) 4)使用快捷键Ctrl+R预览当前编写的GUI(或者从菜单栏的Form > Preview / Preview in进入) ![在这里插入图片描述](https://img-blog.csdnimg.cn/91bd824b28bf494e846b359495944058.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd8Ky5aSn5aSn,size_20,color_FFFFFF,t_70,g_se,x_16) 5)画好界面后ctrl+s 保存,就会生成相应的.ui文件。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/a3d326c75360412ba85eea4010d2fedb.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd8Ky5aSn5aSn,size_20,color_FFFFFF,t_70,g_se,x_16) 6)右键.ui文件,选择PYQT:compile from。 可以对hello.ui文件进行编译,自动生成对应的py文件Ui_untitled.py ![在这里插入图片描述](https://img-blog.csdnimg.cn/c8e332e6f11c497aa02ab24b4c3f8f3d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd8Ky5aSn5aSn,size_20,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/4536e2920efc4371985f8a867574b7ac.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd8Ky5aSn5aSn,size_20,color_FFFFFF,t_70,g_se,x_16) ![在这里插入图片描述](https://img-blog.csdnimg.cn/becb2b7a261049e3bc5bf21d238b083e.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd8Ky5aSn5aSn,size_20,color_FFFFFF,t_70,g_se,x_16)
7)尝试运行刚刚生成的“Ui_hello.py”是没用的,因为生成的文件并没有程序入口。因此我们在同一个目录下另外创建一个程序叫做“main.py”,并输入如下内容,将Ui_hello替换为你生成.py文件名。
import sys
from PyQt5 import QtWidgets
from PyQt5.QtWidgets import QApplication, QMainWindow
import Ui_hello
if __name__ == '__main__':
# 每一个pyqt程序中都需要有一个QApplication对象,sys.argv是一个命令行参数列表
app = QApplication(sys.argv) #实例化QApplication类,作为GUI主程序入口
#app = QtWidgets.QApplication(sys.argv)
MainWindow = QMainWindow() #创建MainWindow
#MainWindow = QtWidgets.QMainWindow()
ui = Ui_hello.Ui_MainWindow() #实例UI类
ui.setupUi(MainWindow) #设置窗体UI
MainWindow.show() #窗口显示
sys.exit(app.exec_()) #进入程序的主循环,遇到退出情况,终止程序
![在这里插入图片描述](https://img-blog.csdnimg.cn/cf66a0410ee24275ae864cfd19e07411.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd8Ky5aSn5aSn,size_20,color_FFFFFF,t_70,g_se,x_16)
|