PyQt5使用QtDesigner实现多界面切换程序

这篇具有很好参考价值的文章主要介绍了PyQt5使用QtDesigner实现多界面切换程序。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、首先要安装QtDesigner

        具体安装步骤在此不做赘述,若是有需要的小伙伴可以去找一找教程。

二、简单介绍QtDesigner

        各位伙伴安装完成打开之后的界面类似如下图(Windows版本),图片中已经对各个区域及其作用进行简单介绍,具体用法会在下面继续讲解。

     pyqt菜单切换,python,pyqt

 三、使用QtDesigner做简单界面

        1.按照如下步骤,创建一个项目,开始添加控件以及设置相应的各项属性。

pyqt菜单切换,python,pyqt        

        2.打开的窗口如下,通过控件属性修改区域设置窗口的标题和图标

                pyqt菜单切换,python,pyqt

         我们双击修改属性将窗口标题修改为:W_1,关于窗口图标的设置会在后边介绍导入本地资源文件时详细讲解。

此处我们暂时略过·······

        3.为窗口添加控件(如Label(标签)、Button(按钮)等)

        pyqt菜单切换,python,pyqt  

         我们通过拖动要添加的控件Label、Push Button到创建的窗口区域来实现添加,添加成功之后,双击即可以修改其中的内容,同时在空间的总览区域,我们可以选中相应的控件名称双击修改成为我们要设置成为的名称,在此处我们将Label和Push Button的名称分别设置为:label_1和btn_1方便我们之后在程序中的调用;在控件属性的修改区域,我们找到font相关的属性,通过Point Size设置字体的大小,勾选Bold选项表示设置字体为粗体。到此,我们第一个窗口的基本控件及其属性已经修改完成,点击保存按钮选择路径,设置文件名称将文件保存到预期文件夹中(注意保存格式为.ui)

        4.保存设置好的文件

           选择好文件保存的路径,将文件命名修改为与窗口名称一致(建议,防止写代码的时候搞不清楚文件对应的窗口)

        pyqt菜单切换,python,pyqt

         5.重复上述操作,设置另外需要的三个子窗口模板以及第一的菜单窗口模板。

                相关流程如下:

                pyqt菜单切换,python,pyqt

                 pyqt菜单切换,python,pyqt

          关于创建菜单主窗口,我们需要为其添加四个按钮对应四个子窗口,同时按照用户习惯我们添加一个退出程序的按钮,关于四个按钮的布局我们可以添加一个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文件的存储路径,根据自己文件的存储路径自行修改。

五、程序运行效果

pyqt菜单切换,python,pyqt

感谢观看,感兴趣的话可以点一下关注,后续会继续更新相关的文章! 文章来源地址https://www.toymoban.com/news/detail-786441.html

到了这里,关于PyQt5使用QtDesigner实现多界面切换程序的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • PyCharm中配置安装PyQt5、QtDesigner

    PyCharm中配置安装PyQt5、QtDesigner

    使用 pip install PyQt5 命令安装。 安装pyqt5-tools:pip install pyqt5-tools 安装PyQt5Designer:pip install PyQt5Designer 上述三个都安装好之后,输入 pip list 查看一下 有如下内容就安装成功啦! 配置PyQt5设计器及转换工具 我们需要将创建的GUI所生成的.ui文件转换为.py文件,所以需要把PyQt5和

    2024年01月21日
    浏览(15)
  • VSCode + PYQT5 + QtDesigner 环境搭建和测试

    VSCode + PYQT5 + QtDesigner 环境搭建和测试

    目的:编写Python桌面应用程序。 备注:也可以选择VS2017+QtDesigner ,但更喜欢VSCode 第1步:安装PyQt5和PyQt5-tools pip3 install -i Simple Index PyQt5 pip3 install -i Simple Index PyQt5-tools 第2步:找到QtDesigner 安装路径 一般会自动安装在python安装目录中,如果安装了Anaconda3,则将会在如下An

    2024年02月05日
    浏览(12)
  • Ubuntu+Pycharm+QtDesigner,并配置Pyqt5

    Ubuntu+Pycharm+QtDesigner,并配置Pyqt5

    1. 安装PyQt5 2. 安装ubuntu环境下所需要的依赖包  3. 安装QtDesigner  4. 设置Pycharm 步骤: File–setting–Tools–External Tools 点击 + 号 4.1 添加QtDesigner Name就是要添加的工具名称可以取 Group就是要把这个工具添加到哪个工具箱里面,类是于文件夹 Program是工具的位置,这里是安装QtDesi

    2024年02月09日
    浏览(20)
  • 界面开发(2)--- 使用PyQt5制作用户登陆界面

    界面开发(2)--- 使用PyQt5制作用户登陆界面

    上篇文章已经介绍了如何配置PyQt5环境,这篇文章在此基础上展开,主要记录一下如何使用 PyQt5 制作用户登陆界面,并对一些基础操作进行介绍。 下面是具体步骤,一起来看看吧! 1. 打开 Pycharm 中的 Qt Designer 工具。 2. 选择Main Window模式,创建界面窗口。 3. 移除菜单栏和状态

    2024年02月05日
    浏览(12)
  • PyQt5利用Qt designer(QT设计师)使用tab widget和stacked widget实现多页面切换

    PyQt5利用Qt designer(QT设计师)使用tab widget和stacked widget实现多页面切换

    本文只提供一种设计思路来完成简单的页面切换功能,并没有涉及页面的美化以及复杂的业务功能实现。 点击tab页对tab widget的tab页进行切换效果图: 点击radio button驱动stacked widget多页面切换效果图: 下面进行分步说明。 打开qt designer,新建一个widget窗口。 将一个tab widget拖

    2024年02月03日
    浏览(15)
  • 界面开发(4)--- PyQt5实现打开图像及视频播放功能

    界面开发(4)--- PyQt5实现打开图像及视频播放功能

    上篇文章主要介绍了如何实现登录界面的账号密码注册及登录功能,还简单介绍了有关数据库的连接方法。这篇文章我们介绍一下如何在设计的页面中打开本地的图像,以及实现视频播放功能。 为了便于记录实现细节,我们尽量一步步地来。之前的文章已经介绍过如何将新的

    2023年04月09日
    浏览(9)
  • 【PyQt5】构建强大的Python图形用户界面应用程序 -- 入门指南

    【PyQt5】构建强大的Python图形用户界面应用程序 -- 入门指南

      作者主页: 爱笑的男孩。的博客_CSDN博客-深度学习,活动,python领域博主 爱笑的男孩。擅长深度学习,活动,python,等方面的知识,爱笑的男孩。关注算法,python,计算机视觉,图像处理,深度学习,pytorch,神经网络,opencv领域. https://blog.csdn.net/Code_and516?type=blog 个人简介:打工人。 持续分

    2024年02月15日
    浏览(16)
  • PyQt5 Qt Designer使用(界面显示与业务逻辑分离模式)

    PyQt5 Qt Designer使用(界面显示与业务逻辑分离模式)

    Qt Designer运行界面: MainWinSignalSlog02.ui Ui_MainWinSignalSlog02.py CallMainWinSignalSlog02.py

    2024年02月15日
    浏览(16)
  • [pyqt5]关于在pyqt5界面上鼠标位置问题

    先上代码,主要看鼠标移动事件里面代码 通过运行代码可以发现: 上面这2行就是相当于屏幕左上角坐标了

    2024年02月15日
    浏览(17)
  • pyqt5界面自适应

    pyqt5界面自适应

    打开Qt Designer 创建一个窗体 假设界面控件需要这样的,想让这些控件跟着窗体任意大小  如果没有设计好这个控件之间的布局,直接将这个窗体创建布局(即在空白处右键点击布局选择符合的布局)会导致根据所选的布局直接把所有的控件移位。比如点击了垂直布局,就直接

    2024年02月11日
    浏览(12)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包