【PyQt5】designer 页面点击按钮跳转页面

向右看齐 2023-02-18 06:27 99阅读 0赞

PyQt5 页面跳转

  • 使用 designer 进行开发
    • PyQt5 实现两个页面跳转
    • PyQt5 实现多个页面跳转
      • 实现效果
      • 代码编写
  • 补充:使用 designer 开发,页面跳转函数
  • 不使用 designer 的页面跳转

使用 designer 进行开发

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

PyQt5 实现两个页面跳转

目前场景:

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

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

  1. from a_ui import Ui_MainWindow as A_Ui # a界面的库
  2. from b_ui import Ui_MainWindow as B_Ui # b界面的库
  3. from PyQt5 import QtCore, QtWidgets
  4. import sys
  5. class AUi(QtWidgets.QMainWindow, A_Ui):
  6. def __init__(self):
  7. super(AUi, self).__init__()
  8. self.setupUi(self)
  9. class BUi(QtWidgets.QMainWindow, B_Ui):
  10. def __init__(self):
  11. super(BUi, self).__init__()
  12. self.setupUi(self)
  13. if __name__ == '__main__':
  14. app = QtWidgets.QApplication(sys.argv)
  15. a = AUi()
  16. a.show()
  17. b = BUi()
  18. # button是你定义的按钮
  19. a.goButton.clicked.connect(
  20. lambda:{ a.close(), b.show()}
  21. )
  22. sys.exit(app.exec_())

PyQt5 实现多个页面跳转

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

  1. # 利用一个控制器来控制页面的跳转
  2. class Controller:
  3. def __init__(self):
  4. pass
  5. def show_A(self):
  6. # 创建 A 窗口对象并显示
  7. # 关闭其余窗口对象
  8. def show_B(self):
  9. # 创建 B 窗口对象并显示
  10. # 关闭其余窗口对象
  11. def show_C(self):
  12. # 创建 C 窗口对象并显示
  13. # 关闭其余窗口对象

来看一个使用情景:

  • 用 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设计的页面

  1. import sys
  2. from PyQt5 import QtCore, QtWidgets, QtCore
  3. # 导入 Qt designer 设计的页面
  4. from hello import Ui_MainWindow as Hello_Ui
  5. from login import Ui_MainWindow as Login_Ui
  6. from operate import Ui_MainWindow as Operate_Ui

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

  1. # 主窗口
  2. class HelloWindow(QtWidgets.QMainWindow, Hello_Ui):
  3. switch_window1 = QtCore.pyqtSignal() # 跳转信号
  4. switch_window2 = QtCore.pyqtSignal() # 跳转信号
  5. def __init__(self):
  6. super(HelloWindow, self).__init__()
  7. self.setupUi(self)
  8. self.queryButton.clicked.connect(self.goOperate)
  9. self.manageButton.clicked.connect(self.goLogin)
  10. def goLogin(self):
  11. self.switch_window1.emit()
  12. def goOperate(self):
  13. self.switch_window2.emit()
  14. # 登录窗口
  15. class LoginWindow(QtWidgets.QMainWindow, Login_Ui):
  16. def __init__(self):
  17. super(LoginWindow, self).__init__()
  18. self.setupUi(self)
  19. # 操作窗口
  20. class OperateWindow(QtWidgets.QMainWindow, Operate_Ui):
  21. def __init__(self):
  22. super(OperateWindow, self).__init__()
  23. self.setupUi(self)

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

  1. # 利用一个控制器来控制页面的跳转
  2. class Controller:
  3. def __init__(self):
  4. pass
  5. # 跳转到 hello 窗口
  6. def show_hello(self):
  7. self.hello = HelloWindow()
  8. self.hello.switch_window1.connect(self.show_login)
  9. self.hello.switch_window2.connect(self.show_operate)
  10. self.hello.show()
  11. # 跳转到 login 窗口, 注意关闭原页面
  12. def show_login(self):
  13. self.login = LoginWindow()
  14. self.hello.close()
  15. self.login.show()
  16. # 跳转到 operate 窗口, 注意关闭原页面
  17. def show_operate(self):
  18. self.operate = OperateWindow()
  19. self.hello.close()
  20. self.operate.show()

启动整个项目:

  1. def main():
  2. app = QtWidgets.QApplication(sys.argv)
  3. controller = Controller() # 控制器实例
  4. controller.show_hello() # 默认展示的是 hello 页面
  5. sys.exit(app.exec_())
  6. if __name__ == '__main__':
  7. main()

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

假设写好了一个 A 页面:

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

在 B 页面引入了 A 页面:

  1. from main import MainWindow

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

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

不使用 designer 的页面跳转

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

  1. import sys
  2. from PyQt5.QtWidgets import QMainWindow, QPushButton, QApplication
  3. class First(QMainWindow):
  4. def __init__(self):
  5. super().__init__()
  6. self.initUI()
  7. def initUI(self):
  8. self.btn = QPushButton("Button", self)
  9. self.btn.move(30, 50)
  10. self.setGeometry(300, 300, 500, 500)
  11. self.setWindowTitle('Event sender')
  12. self.show()
  13. class Second(QMainWindow):
  14. def __init__(self):
  15. super().__init__()
  16. self.initUI()
  17. def initUI(self):
  18. self.setGeometry(300, 300, 290, 150)
  19. self.setWindowTitle('Get sender')
  20. if __name__ == '__main__':
  21. app = QApplication(sys.argv)
  22. a = First()
  23. b = Second()
  24. a.show()
  25. a.btn.clicked.connect(b.show) # 重点在这
  26. sys.exit(app.exec_())

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

  1. class First(QMainWindow):
  2. def __init__(self):
  3. super().__init__()
  4. self.initUI()
  5. def initUI(self):
  6. self.btn = QPushButton("Button", self)
  7. self.btn.move(30, 50)
  8. self.setGeometry(300, 300, 500, 500)
  9. self.setWindowTitle('Event sender')
  10. self.show()
  11. self.btn.clicked.connect(self.close) # 加上这句话即可

发表评论

表情:
评论列表 (有 0 条评论,99人围观)

还没有评论,来说两句吧...

相关阅读