当前位置: 首页 > news >正文

vscode 配置使用pyqt5

1. vscode 配置 pyqt_designer

给 vscode 安装插件 “PYQT Integration”,点击 “PYQT Integration” 插件界面的齿轮,选择“Settings”,进入该插件的设置页面:
在这里插入图片描述

进入以下界面:

配置1:设置 Pyuic 的路径

Pyuic用于将GUI界面的 .ui 文件转换为 .py 文件。

找到 “Pyqt-integration > Pyuic: Cmd”,填入安装PyQt5的虚拟环境中Pyuic的绝对路径,如下:

D:\data\...\venv_QT\Scripts\pyuic5

配置2:设置 QT designer 的路径

QT designer 是 QT 用来设计 GUI 的软件,通过拖拽组件可以快速构建GUI。

找到 " Pyqt-integration > Qtdesigner: Path ",输入虚拟环境中QT designer的绝对路径,如下:

D:\data\...\venv_QT\Lib\site-packages\qt5_applications\Qt\bin\designer

配置结果如下图所示:
在这里插入图片描述## 2. 创建 .ui 文件

在 vscode 的文件目录下,点击鼠标右键,选择“PYQT:New Form”, 创建 qt 的 ui 界面,自动调用qt-designer打开
在这里插入图片描述
vscode自动调用qt-designer打开,创建并打开一个.ui文件,这里以创建 “Main Window”为例,介绍后续使用方法。
在这里插入图片描述
创建一个 “Main Window”,从左侧拖进来一个 button之后,“ctrl+s"保存,弹出如下对话框,保存为 .ui 文件
在这里插入图片描述
关闭qt-designer.

回到 vscode, 在刚刚保存的 .ui 文件上,鼠标右键,

在这里插入图片描述

  • PYQT:New Form : 用于创建一个新的.ui文件/界面
  • PYQT:Preview: 会显示 .ui 界面的效果
  • PYQT:Edit in Designer: 用 qt-designer 重新打开 .ui 文件进行编辑
  • PYQT: Compile Form 将 .ui 文件编译为 .py 文件,创建了一个python类,供后续界面功能的开发使用。

3. 编译 .ui 文件 得到 .py 文件

在vscode中,在上一步创建的 .ui 文件上,点击鼠标右键,选择 ”PYQT: Compile Form“ 选项,得到.py 文件,如下:

# -*- coding: utf-8 -*-# Form implementation generated from reading ui file 'f:\_文件_\pyqt_tests\pyqt_designer_test_1\test_1.ui'
#
# Created by: PyQt5 UI code generator 5.15.9
#
# WARNING: Any manual changes made to this file will be lost when pyuic5 is
# run again.  Do not edit this file unless you know what you are doing.from PyQt5 import QtCore, QtGui, QtWidgetsclass Ui_MainWindow(object):def setupUi(self, MainWindow):MainWindow.setObjectName("MainWindow")MainWindow.resize(640, 480)self.centralwidget = QtWidgets.QWidget(MainWindow)self.centralwidget.setObjectName("centralwidget")# 这里是对应组件的设置self.pushButton = QtWidgets.QPushButton(self.centralwidget)self.pushButton.setGeometry(QtCore.QRect(430, 360, 93, 28))self.pushButton.setObjectName("pushButton")MainWindow.setCentralWidget(self.centralwidget)self.menubar = QtWidgets.QMenuBar(MainWindow)self.menubar.setGeometry(QtCore.QRect(0, 0, 640, 26))self.menubar.setObjectName("menubar")MainWindow.setMenuBar(self.menubar)self.statusbar = QtWidgets.QStatusBar(MainWindow)self.statusbar.setObjectName("statusbar")MainWindow.setStatusBar(self.statusbar)self.retranslateUi(MainWindow)QtCore.QMetaObject.connectSlotsByName(MainWindow)def retranslateUi(self, MainWindow):_translate = QtCore.QCoreApplication.translateMainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))self.pushButton.setText(_translate("MainWindow", "PushButton"))

4. 简单使用 .ui 定义的界面,添加槽函数

from PyQt5.QtWidgets import QApplication, QMainWindow
import sys 
from Ui_test_1 import Ui_MainWindow# 定义一个槽函数
def on_btn_ok():print("hello world")# 创建一个空界面
app = QApplication(sys.argv) 
main_window = QMainWindow()  # 创建以恶搞窗口# 调用ui文件编译得到的头文件,配置main_window
ui = Ui_MainWindow()        # 常见一个窗口配置类的类对象
ui.setupUi(main_window)     # 用 ui 类装饰 创建的 main_window# 给 ui 界面中的pushButton组件添加槽函数
ui.pushButton.clicked.connect(on_btn_ok)# 显示窗口
main_window.show()
sys.exit(app.exec_())

5. 高级使用 .ui 定义的界面

继承 QMainWindow, 与 第三步生成的 Ui_MainWindow 类,创建一个新的类,管理ui界面中的所有组件,以及添加槽函数。


from PyQt5.QtWidgets import QApplication, QMainWindow
import sys 
from Ui_test_1 import Ui_MainWindow# 继承 Ui_MainWindow 与 QMainWindow 创建新类
class MyMainWindow(QMainWindow,Ui_MainWindow): #这里也要记得改def __init__(self,parent =None):super(MyMainWindow,self).__init__(parent) # QMainWindow 初始化self.setupUi(self)  # 用 Ui_MainWindow 的 setupui 函数给 QMainWindow 添加组件# 给QMainWindow 的组件添加槽函数self.pushButton.clicked.connect(self.slot_on_btn_clicked)# 定义槽函数def slot_on_btn_clicked(self):print("hello world!")if __name__ == "__main__":app = QApplication(sys.argv)w = MyMainWindow()w.show()sys.exit(app.exec_())
http://www.dtcms.com/a/449084.html

相关文章:

  • CSS选择器常见用法
  • 【Docker】Windows Docker 完全入门指南:从安装到实战的全流程记录
  • 从零开始的C++学习生活 4:类和对象(下)
  • 温州做网站优化网站设计培训
  • 18网站推广关于旅行的网站怎样做
  • 做网站赚钱还是企业宣传片推广方案万能模板
  • 视频分享网站怎么做的注册营业执照需要什么资料
  • 网站建设教程赚找湖南岚鸿认 可php无版权企业网站管理系统
  • 建立网站站点的目的一个主机可以做几个网站域名
  • 封面上的网站怎么做网站模块设计软件
  • 网站制作还花钱电子商务网站建设及推广方案论文
  • 淮南服装网站建设地址如何做虚拟币交易网站
  • 网站建设规划表乐清网站建设lonwap
  • 网站开发创业计划书模板网上能免费做网站发布叼
  • 湖南张家界建设局网站深圳本地招聘网站有哪些
  • 分析网站建设前期的seo准备工作广东网络文明大会开幕
  • 贵州城乡和住房建设厅网站天津seo方案
  • 青岛php网站建设wordpress可以做博客么
  • 智能建站技术自己注册了个域名想做一个网站
  • 做网页游戏网站需要什么做的网站必须放
  • 乐清网站网络公司wordpress 登陆不了
  • 淘宝作图在哪个网站上做图最专业网站建设开发
  • 公司电商网站建设方案模板百度怎么优化关键词排名
  • 短租网站那家做的好处建造网站
  • 公司网站推广费用运营软件有哪些
  • 智能网站建设步骤免费培训机构管理系统
  • 公司网站建设属于软件销售wordpress默认主题 xss
  • 企业自建网站平台有哪些推广网络广告
  • ps模板素材网站域名有关的网站
  • 企业网站建设费怎么入账创建论坛网站需要多少钱