PyQt5 designer 页面点击按钮跳转页面实现

 更新时间:2022年01月04日 10:10:55   作者:萌宅鹿同学  
本文主要介绍了PyQt5 designer 页面点击按钮跳转页面实现,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

使用 designer 进行开发

首先要知道,使用 Qt designer 和 代码进行 Qt 开发实现页面跳转是不一样的,这里我们使用的是 designer 开发,在这里简单记录一下。

PyQt5 实现两个页面跳转

目前场景:

  • 用 Qt designer 设计好了两个页面:a_ui.pyb_ui.py
  • a_ui.py 中有个按钮的 id 为 goButton

我们实现两个页面之间的跳转:

from a_ui import Ui_MainWindow as A_Ui # a界面的库
from b_ui import Ui_MainWindow as B_Ui # b界面的库

from PyQt5 import QtCore, QtWidgets
import sys

class AUi(QtWidgets.QMainWindow, A_Ui):
    def __init__(self):
        super(AUi, self).__init__()
        self.setupUi(self)

class BUi(QtWidgets.QMainWindow, B_Ui):
    def __init__(self):
        super(BUi, self).__init__()
        self.setupUi(self)

if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    a = AUi()
    a.show()
    b = BUi()
    # button是你定义的按钮
    a.goButton.clicked.connect(
        lambda:{a.close(), b.show()}
       )
    sys.exit(app.exec_())

PyQt5 实现多个页面跳转

PyQt5 实现多个页面跳转,我们可以借助一个 Controller 控制器来实现,大体思路如下:

# 利用一个控制器来控制页面的跳转
class Controller:
    def __init__(self):
        pass
    def show_A(self):
        # 创建 A 窗口对象并显示
        # 关闭其余窗口对象
    def show_B(self):
        # 创建 B 窗口对象并显示
        # 关闭其余窗口对象
    def show_C(self):
        # 创建 C 窗口对象并显示
        # 关闭其余窗口对象

来看一个使用情景:

  • 用 Qt designer 设计好了三个页面:hello.pylogin.pyoperate.py
  • hello.py 中有一个 Id 为 loginBuuton 的按钮,用于跳转到 login.py 窗口
  • hello.py 中还有一个 Id 为 operateButton 的按钮,用于跳转到 operate.py 窗口

实现效果

注:由于我们的 界面逻辑 是分离的,所以界面只需满足上面的使用情境中的要求即可。

运行程序启动一个 hello.py 的欢迎界面:

在这里插入图片描述

点击 票务管理,实际上是点击了 loginButton 按钮,跳转到了 login.py 登录界面:

在这里插入图片描述

如果欢迎界面中点击的是 票务查询,实际上是点击了 operateButton,会跳转到 operate.py 界面:

在这里插入图片描述

代码编写

首先导入需要的模块:系统模块利用designer设计的页面

import sys
from PyQt5 import QtCore, QtWidgets, QtCore

# 导入 Qt designer 设计的页面
from hello import Ui_MainWindow as Hello_Ui 
from login import Ui_MainWindow as Login_Ui
from operate import Ui_MainWindow as Operate_Ui

然后写页面对应的窗口类,我们这里简单的实现 一个页面往其他页面的跳转
实现跳转的逻辑主要都在 HelloWindow 类中,其他窗口类仅仅做了初始化:

# 主窗口
class HelloWindow(QtWidgets.QMainWindow, Hello_Ui):
    switch_window1 = QtCore.pyqtSignal() # 跳转信号
    switch_window2 = QtCore.pyqtSignal() # 跳转信号
    def __init__(self):
        super(HelloWindow, self).__init__()
        self.setupUi(self)
        self.queryButton.clicked.connect(self.goOperate)
        self.manageButton.clicked.connect(self.goLogin)
    def goLogin(self):
        self.switch_window1.emit()
    def goOperate(self):
        self.switch_window2.emit()

# 登录窗口
class LoginWindow(QtWidgets.QMainWindow, Login_Ui):
    def __init__(self):
        super(LoginWindow, self).__init__()
        self.setupUi(self)

# 操作窗口
class OperateWindow(QtWidgets.QMainWindow, Operate_Ui):
    def __init__(self):
        super(OperateWindow, self).__init__()
        self.setupUi(self)

控制器用来控制页面的跳转:

# 利用一个控制器来控制页面的跳转
class Controller:
    def __init__(self):
        pass
    # 跳转到 hello 窗口
    def show_hello(self):
        self.hello = HelloWindow()
        self.hello.switch_window1.connect(self.show_login)
        self.hello.switch_window2.connect(self.show_operate)
        self.hello.show()
    # 跳转到 login 窗口, 注意关闭原页面
    def show_login(self):
        self.login = LoginWindow()
        self.hello.close()
        self.login.show()
    # 跳转到 operate 窗口, 注意关闭原页面
    def show_operate(self):
        self.operate = OperateWindow()
        self.hello.close()
        self.operate.show()

启动整个项目:

def main():
    app = QtWidgets.QApplication(sys.argv)
    controller = Controller() # 控制器实例
    controller.show_hello() # 默认展示的是 hello 页面
    sys.exit(app.exec_())

if __name__ == '__main__':
    main()

补充:使用 designer 开发,页面跳转函数

假设写好了一个 A 页面:

class MainWindow(QMainWindow, Ui_MainWindow):  # 多重继承QMainWindow和Ui_MainWindow
    def __init__(self):
        super(MainWindow, self).__init__()  # 先调用父类QMainWindow的初始化方法
        self.setupUi(self)  # 再调用setupUi方法

在 B 页面引入了 A 页面:

from main import MainWindow

在 A 页面需要进行页面跳转只需要封装一个以下函数即可:

# 关闭当前界面, 打开主界面
def toMainWindow(self):
    self.ui1 = MainWindow()
    self.ui1.show()
    self.close()

不使用 designer 的页面跳转

这个更简单了,只需要在 main 方法里将 A 页面的点击事件与 B 页面的展示绑定即可:

import sys
from PyQt5.QtWidgets import QMainWindow, QPushButton, QApplication
 

class First(QMainWindow):
    def __init__(self):
        super().__init__()
        self.initUI()
 
    def initUI(self):
        self.btn = QPushButton("Button", self)
        self.btn.move(30, 50)
        self.setGeometry(300, 300, 500, 500)
        self.setWindowTitle('Event sender')
        self.show()
 
 
class Second(QMainWindow):
    def __init__(self):
        super().__init__()
        self.initUI()
 
    def initUI(self):
        self.setGeometry(300, 300, 290, 150)
        self.setWindowTitle('Get sender')
 
 
if __name__ == '__main__':
    app = QApplication(sys.argv)
    a = First()
    b = Second()
    a.show()
    a.btn.clicked.connect(b.show)  # 重点在这
    sys.exit(app.exec_())

如果需要点击 A 跳转 B 的同时关闭,那么给 A 的点击事件同时绑定 A 的关闭事件即可:

class First(QMainWindow):
    def __init__(self):
        super().__init__()
        self.initUI()
 
    def initUI(self):
        self.btn = QPushButton("Button", self)
        self.btn.move(30, 50)
        self.setGeometry(300, 300, 500, 500)
        self.setWindowTitle('Event sender')
        self.show()
    
        self.btn.clicked.connect(self.close)  # 加上这句话即可

到此这篇关于PyQt5 designer 页面点击按钮跳转页面实现的文章就介绍到这了,更多相关PyQt5 designer按钮跳转页面内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • cv2.getStructuringElement()函数及开、闭、腐蚀、膨胀原理讲解

    cv2.getStructuringElement()函数及开、闭、腐蚀、膨胀原理讲解

    getStructuringElement()函数可用于构造一个特定大小和形状的结构元素,用于图像形态学处理,这篇文章主要介绍了cv2.getStructuringElement()函数及开、闭、腐蚀、膨胀原理讲解的相关资料,需要的朋友可以参考下
    2022-12-12
  • Numpy安装、升级与卸载的详细图文教程

    Numpy安装、升级与卸载的详细图文教程

    Python官网上的发行版是不包含 NumPy 模块的,下面这篇文章主要给大家介绍了关于Numpy安装、升级与卸载的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-09-09
  • python中itertools模块zip_longest函数详解

    python中itertools模块zip_longest函数详解

    itertools模块包含创建高效迭代器的函数,这些函数的返回值不是list,而是iterator(可迭代对象),可以用各种方式对数据执行循环操作,今天我们来详细探讨下zip_longest函数
    2018-06-06
  • Python使用pylab库实现画线功能的方法详解

    Python使用pylab库实现画线功能的方法详解

    这篇文章主要介绍了Python使用pylab库实现画线功能的方法,结合具体实例分析了Python使用pylab库的相关函数实现画线功能的操作技巧,并附带说明了相关函数与参数功能,需要的朋友可以参考下
    2017-06-06
  • 将TensorFlow的模型网络导出为单个文件的方法

    将TensorFlow的模型网络导出为单个文件的方法

    本篇文章主要介绍了将TensorFlow的网络导出为单个文件的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • Python3操作MongoDB增册改查等方法详解

    Python3操作MongoDB增册改查等方法详解

    这篇文章主要介绍了Python操作MongoDB增册改查等方法详解,需要的朋友可以参考下
    2020-02-02
  • python实现识别手写数字 python图像识别算法

    python实现识别手写数字 python图像识别算法

    这篇文章主要为大家详细介绍了python实现识别手写数字,python图像识别算法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01
  • python tkinter实现屏保程序

    python tkinter实现屏保程序

    这篇文章主要为大家详细介绍了python tkinter实现屏保程序,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • Python OpenCV去除字母后面的杂线操作

    Python OpenCV去除字母后面的杂线操作

    这篇文章主要介绍了Python OpenCV去除字母后面的杂线操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • Django之第三方平台QQ授权登录的实现

    Django之第三方平台QQ授权登录的实现

    本文主要介绍了Django之第三方平台QQ授权登录的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05

最新评论