PyQt5使用QtDesigner实现多界面切换程序的全过程
作者:Random_bug
一、首先要安装QtDesigner
具体安装步骤在此不做赘述,若是有需要的小伙伴可以去找一找教程。
二、简单介绍QtDesigner
各位伙伴安装完成打开之后的界面类似如下图(Windows版本),图片中已经对各个区域及其作用进行简单介绍,具体用法会在下面继续讲解。
三、使用QtDesigner做简单界面
1.按照如下步骤,创建一个项目,开始添加控件以及设置相应的各项属性。
2.打开的窗口如下,通过控件属性修改区域设置窗口的标题和图标
我们双击修改属性将窗口标题修改为:W_1,关于窗口图标的设置会在后边介绍导入本地资源文件时详细讲解。
此处我们暂时略过·······
3.为窗口添加控件(如Label(标签)、Button(按钮)等)
我们通过拖动要添加的控件Label、Push Button到创建的窗口区域来实现添加,添加成功之后,双击即可以修改其中的内容,同时在空间的总览区域,我们可以选中相应的控件名称双击修改成为我们要设置成为的名称,在此处我们将Label和Push Button的名称分别设置为:label_1和btn_1方便我们之后在程序中的调用;在控件属性的修改区域,我们找到font相关的属性,通过Point Size设置字体的大小,勾选Bold选项表示设置字体为粗体。到此,我们第一个窗口的基本控件及其属性已经修改完成,点击保存按钮选择路径,设置文件名称将文件保存到预期文件夹中(注意保存格式为.ui)
4.保存设置好的文件
选择好文件保存的路径,将文件命名修改为与窗口名称一致(建议,防止写代码的时候搞不清楚文件对应的窗口)
5.重复上述操作,设置另外需要的三个子窗口模板以及第一的菜单窗口模板。
相关流程如下:
关于创建菜单主窗口,我们需要为其添加四个按钮对应四个子窗口,同时按照用户习惯我们添加一个退出程序的按钮,关于四个按钮的布局我们可以添加一个horizontal Layout(水平布局器)将按钮加入到布局器中,这样子,四个按钮就会在布局器区域内均匀分布且大小相同。至此,我们关于QtDesigner的操作已经结束,下面要开始Python的编程阶段。
四、Python编写程序实现界面切换功能
from PyQt5 import uic import sys from PyQt5.QtWidgets import QWidget, QApplication class Window_0(QWidget): def __init__(self): super(Window_0, self).__init__() self.init_ui() def init_ui(self): self.Firstui = uic.loadUi("UI文件/模板/W_0.ui") self.btn_w1 = self.Firstui.btn_w1 self.btn_w2 = self.Firstui.btn_w2 self.btn_w3 = self.Firstui.btn_w3 self.btn_w4 = self.Firstui.btn_w4 self.btn_quit = self.Firstui.btn_quit class Window_1(QWidget): def __init__(self): super(Window_1, self).__init__() self.init_ui_1() def init_ui_1(self): self.ui_1 = uic.loadUi("UI文件/模板/W_1.ui") self.btn_1 = self.ui_1.btn_1 class Window_2(QWidget): def __init__(self): super(Window_2, self).__init__() self.init_ui_2() def init_ui_2(self): self.ui_2 = uic.loadUi("UI文件/模板/W_2.ui") self.btn_2 = self.ui_2.btn_2 class Window_3(QWidget): def __init__(self): super(Window_3, self).__init__() self.init_ui_3() def init_ui_3(self): self.ui_3 = uic.loadUi("UI文件/模板/W_3.ui") self.btn_3 = self.ui_3.btn_3 class Window_4(QWidget): def __init__(self): super(Window_4, self).__init__() self.init_ui_4() def init_ui_4(self): self.ui_4 = uic.loadUi("UI文件/模板/W_4.ui") self.btn_4 = self.ui_4.btn_4 if __name__ == '__main__': app = QApplication(sys.argv) w_0 = Window_0() w_1 = Window_1() w_2 = Window_2() w_3 = Window_3() w_4 = Window_4() w_0.Firstui.show() w_0.btn_w1.clicked.connect(w_1.ui_1.show) w_0.btn_w2.clicked.connect(w_2.ui_2.show) w_0.btn_w3.clicked.connect(w_3.ui_3.show) w_0.btn_w4.clicked.connect(w_4.ui_4.show) w_0.btn_quit.clicked.connect(app.quit) app.exec_()
注意:uic.loadUi("UI文件/模板/W_0.ui")双引号里边的内容是为对应的UI文件的存储路径,根据自己文件的存储路径自行修改。
五、程序运行效果
总结
到此这篇关于PyQt5使用QtDesigner实现多界面切换程序的文章就介绍到这了,更多相关PyQt5多界面切换程序内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!