VSCode配置Python、PyQt5、QtDesigner环境并创建一个ui界面测试

如果有帮助,可以点个赞。转载请先联系作者。

一、安装Python3

PyQt5所支持的python版本是从3.5开始的,因此安装的Python3版本必须大于3.5。
我安装的位置是C:\Python\Python38。
参见真小白入门Pyhton的安装

二、安装PyQt5以及PyQt5-tools(这里面就有designer了)

pip install PyQt5
pip install PyQt5-tools

三、VSCode配置Python

参见VSCode配置Python官方教程

1.VSCode安装Python拓展包

在这里插入图片描述

2.在项目(工作区)文件夹中启动VS Code

  1. 在vscode工作区文件夹建立对应Python语言的文件夹
    在D盘新建vscode->新建VS-Code-Python

    解释:在vscode文件夹下面可能以后会有多种语言的代码,所以建议生成对应语言的子文件夹,比如打算写C就新建VS-Code-C这个文件夹,打算写Python就新建VS-Code-Python

  2. 在VS-Code-Python文件夹下新建.vscode文件夹

    解释:因为VS需要为每一个文件夹做单独配置,所以建议把.vscode文件夹放到你常用的文件夹的顶层,这样就不用重复配置了。不用每个新py文件就要一套配置。这些配置在你配置好的文件夹内的所有子文件夹和文件都能使用

  3. 打开vscode,选择文件->打开文件夹,打开VS-Code-Python文件夹

3.选择一个Python解释器

快捷键ctrl+shift+p,输入python:,选择下图所示的选项,选择Python解释器(没看到就往后翻翻),然后就出现可选的解释器。选择解释器会将python.pythonPath工作空间设置中的值设置为解释器的路径。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

5.配置并运行调试器

1)在VS-Code-Python目录下新建test.py文件测试,并运行代码。

msg  = "Hello World!";
print(msg);

在这里插入图片描述
2)按F5调试test.py。
由于这是第一次调试此文件,因此将从“命令面板”中打开一个配置菜单,现在选择Python File,这是使用当前选择的Python解释器运行编辑器中显示的当前文件的配置。
在这里插入图片描述

四、VSCode配置PyQt5和designer

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

1.安装pyqt integration扩展

在这里插入图片描述

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
在这里插入图片描述
2)在资源管理器VS-Code-Python下面那片区域右键,选择PYQT:New Form的话,就会打开qt designer 界面编辑器。
在这里插入图片描述
3)初次启动会弹出这个“New Form”窗口,选择“Main Window”然后点击“Create”。在画布上任意拖动几个控件。
在这里插入图片描述
4)使用快捷键Ctrl+R预览当前编写的GUI(或者从菜单栏的Form > Preview / Preview in进入)
在这里插入图片描述
5)画好界面后保存,就会生成相应的.ui文件。
6)右键.ui文件,选择PYQT:compile from。
可以对untitled.ui文件进行编译,自动生成对应的py文件Ui_untitled.py
在这里插入图片描述
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_())

在这里插入图片描述

PyCharm 2020.1是集成开发环境(IDE),主要用于编写和调试Python代码。它具有许多强大的功能,例如代码自动补全、调试器、版本控制集成等,使开发人员更加高效地编写代码。 PyQt是一个用于创建图形用户界面(GUI)应用程序的Python库。它是对Qt应用程序框架的Python绑定,提供了丰富的界面组件和功能。通过PyQt,开发人员可以轻松地创建跨平台的GUI应用程序。 Qt Designer是Qt开发工具包的一部分,它是一个可视化设计工具,用于创建Qt应用程序的用户界面。它提供了丰富的界面组件和布局选项,开发人员可以通过拖放和设置属性来设计界面。Qt Designer还可以将设计的界面转换为Python代码,以便在PyQt中使用。 在PyCharm 2020.1中使用PyQt和Qt Designer的案例可以是创建一个简单的GUI应用程序。首先,我们可以在PyCharm中创建一个新的PyQt项目,然后使用Qt Designer来设计应用程序的界面。在Qt Designer中,我们可以添加按钮、标签、文本框等界面组件,并设置它们的属性和布局。 然后,我们可以将设计好的界面保存为.ui文件,并将其转换为Python代码。在PyCharm中,我们可以使用PyQt的工具来将.ui文件转换为.py文件,并在代码中导入生成的Python模块。 接下来,我们可以在PyCharm中编写代码来处理界面组件的事件,例如按钮的点击事件。通过PyQt提供的信号与槽机制,我们可以连接界面组件的信号和事件处理函数,以实现交互逻辑。 最后,我们可以在PyCharm中运行项目,测试和调试应用程序的功能。PyCharm提供了调试器和代码分析工具,帮助我们找出潜在的错误并进行修复。 总之,使用PyCharm 2020.1、PyQt和Qt Designer,我们可以方便地开发跨平台的GUI应用程序,通过可视化设计界面和编写Python代码,使应用程序更加易于维护和扩展。
评论 17
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值