【QtDesigner 开发笔记】在PyCharm中配置、使用方法、信号与槽、菜单

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新

如果你需要这些资料，可以戳这里获取

from mainwindow import Ui_MainWindow

class MainWindow(QMainWindow, Ui_MainWindow): # 多重继承QMainWindow和Ui_MainWindow

def init(self):

super(MainWindow, self).init() # 先调用父类QMainWindow的初始化方法

self.setupUi(self) # 再调用setupUi方法

def on_Test1(self):

QMessageBox.information(self, ‘提示信息’, ‘按钮1被按下。’)

if name == ‘main’:

app = QApplication(sys.argv)

ui = MainWindow()

ui.show()

sys.exit(app.exec_())

方法2：编程实现信号与槽的连接

---

在界面设计完成后，不需要在QtDesigner中进行操作，直接修改main.py

核心是利用@pyqtSlot()装饰器，实现信号与槽的连接：

• 导入pyqtSlot：from PyQt5.QtCore import pyqtSlot

• @pyqtSlot() 指明后面跟随的方法是一个PyQt5槽函数

• 方法的命名需要符合PyQt5槽函数的规则：on_控件名称_信号名称()

import sys

from PyQt5.QtWidgets import QApplication, QMainWindow, QMessageBox

from PyQt5.QtCore import pyqtSlot

from mainwindow import Ui_MainWindow

class MainWindow(QMainWindow, Ui_MainWindow): # 多重继承QMainWindow和Ui_MainWindow

def init(self):

super(MainWindow, self).init() # 先调用父类QMainWindow的初始化方法

self.setupUi(self) # 再调用setupUi方法

def on_Test1(self):

QMessageBox.information(self, ‘提示信息’, ‘按钮1被按下。’)

@pyqtSlot() # 装饰器,指明下面的方法是一个PyQt5槽函数,命名需要符合PyQt5槽函数的规则: on_控件名称_信号名称

def on_btnTest2_clicked(self):

QMessageBox.information(self, ‘提示信息’, ‘按钮2被按下。’)

if name == ‘main’:

app = QApplication(sys.argv)

ui = MainWindow()

ui.show()

sys.exit(app.exec_())

添加菜单

=======================================================================

添加一个【系统设置】菜单，并修改名称为：actSysConfig；

添加一个【退出】菜单，并修改名称为：actExit；

通过编程实现信号与槽连接的方法，添加两个槽函数：

• on_actSysConfig_triggered(self)：【系统配置】弹出一个提示性的对话框

• on_actExit_triggered(slef)：【退出】实现退出功能的系统

@pyqtSlot()

def on_actSysConfig_triggered(self):

QMessageBox.information(self, ‘提示信息’, ‘系统配置功能。’)

@pyqtSlot()

def on_actExit_triggered(self):

self.close()

使用Tab Widget设计软件界面

=====================================================================================

要达到的效果如下：

步骤：

• 拖动 Tab Widget 控件到主界面上

• 对象查看器 和 属性编辑器 中设置对应的属性：

• 使用 垂直布局

• 使用布局后，mainWidget 的父类 centralwidget 的属性编辑器中会多一个 Layout：

将布局的页边距属性值都设置为0，使得界面看起来更紧凑

搭建出股票软件界面：

合理利用 水平布局、垂直布局 等功能，即可搭建出工整漂亮的页面

设计子窗口，并在主窗口中打开

=================================================================================

新打开一个Qt Designer，选择 Widget 开始设计子窗口：

设计一个子窗口，添加一个退出按钮，名称为btnExit，保存为：Ui_sys_config.ui

使用 Pyuic 工具将Ui_sys_config.ui转为Ui_sys_config.py界面代码

编写 sys_config.py，其中完善 Ui_sys_config 界面的功能：

import sys

from PyQt5.QtWidgets import QApplication, QDialog

from Ui_sys_config import Ui_SysConfig

class SysConfig(QDialog, Ui_SysConfig):

def init(self):

super(SysConfig, self).init()

self.setupUi(self)

连接btnExit的clicked信号与on_btnExit槽函数

self.btnExit.clicked.connect(self.on_btnExit)

def on_btnExit(self):

self.close()

测试代码

if name == ‘main’:

app = QApplication(sys.argv)

ui = SysConfig()

ui.show()

sys.exit(app.exec_())

在 main.py 主界面中，引入上面设计的子界面：

• 使用 Qt Designer 创建的窗口，也可以使用 connect 方法连接信号与槽函数

• 下面我们使用@pyqtSlot()解释器来主界面与子界面：

核心代码：

@pyqtSlot()

def on_actSysConfig_triggered(self):

w = SysConfig()

w.exec_()

完整代码：

import sys

from PyQt5.QtWidgets import QApplication, QMainWindow, QMessageBox

from PyQt5.QtCore import pyqtSlot

from Ui_mainWindow import Ui_MainWindow

from sys_config import SysConfig

class MainWindow(QMainWindow, Ui_MainWindow): # 多重继承QMainWindow和Ui_MainWindow

def init(self):

super(MainWindow, self).init() # 先调用父类QMainWindow的初始化方法

收集整理了一份《2024年最新物联网嵌入式全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升的朋友。

如果你需要这些资料，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

先调用父类QMainWindow的初始化方法

收集整理了一份《2024年最新物联网嵌入式全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升的朋友。
[外链图片转存中…(img-eleMg65k-1715690304225)]
[外链图片转存中…(img-1sF8ROZd-1715690304227)]

如果你需要这些资料，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！