PyQt5 designer 页面点击按钮跳转页面实现
使用 designer 进行开发
首先要知道,使用 qt designer 和 代码进行 qt 开发实现页面跳转是不一样的,这里我们使用的是 designer 开发,在这里简单记录一下。
pyqt5 实现两个页面跳转
目前场景:
- 用 qt designer 设计好了两个页面:
a_ui.py
、b_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.py
、login.py
、operate.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按钮跳转页面内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
上一篇: 一篇文章弄懂MySQL查询语句的执行过程
推荐阅读
-
微信小程序按钮点击跳转页面详解
-
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
-
js或jquery实现点击某个按钮或元素显示div,点击页面其他任何地方隐藏div
-
HTML中button标签点击实现页面跳转
-
在PPT中制作美观的下拉式导航菜单按钮实现任意页面的跳转
-
Android Studio利用按钮实现页面跳转设置背景+获取控件内容+响应Log工具提示信息+Toast消息对话框
-
ionic 4 点击按钮跳转页面传值并刷新
-
vue中实现点击按钮滚动到页面对应位置的方法(使用c3平滑属性实现)
-
JS动态添加的div点击跳转到另一页面实现代码
-
vue-element-admin点击按钮跳转新页面方法$router.push