多窗口之间的跳转 在designer中设计多个窗口

已于 2022-11-17 10:20:32 修改
阅读量6.9k 收藏 14
点赞数
分类专栏： pyqt5 文章标签： ui python 开发语言
于 2022-09-26 16:12:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_48948962/article/details/127055425
版权

要想能跳转，当然得有多个窗口，所以我们在designer中再设计一个窗口，当我们点击主界面的登录按钮时，跳转到这个窗口。
方法还是一样的，拖动控件，设计好后保存为.ui文件，然后将.ui文件转换成.py文件。

通过信号和槽将他们连接起来
什么是信号，槽？
这是designer的一个特色，用户对窗口的操作会发送信号，信号指引槽函数去完成相应的动作。太抽象，举个例子。
主窗口的代码是这样的。

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'csdn_article.ui'
#
# Created by: PyQt5 UI code generator 5.15.1
#
# WARNING: Any manual changes made to this file will be lost when pyuic5 is
# run again.  Do not edit this file unless you know what you are doing.


from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(800, 600)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.label_3 = QtWidgets.QLabel(self.centralwidget)
        self.label_3.setGeometry(QtCore.QRect(160, 265, 81, 41))
        font = QtGui.QFont()
        font.setFamily("Arial")
        font.setPointSize(18)
        self.label_3.setFont(font)
        self.label_3.setObjectName("label_3")
        self.lineEdit = QtWidgets.QLineEdit(self.centralwidget)
        self.lineEdit.setGeometry(QtCore.QRect(280, 190, 231, 31))
        self.lineEdit.setObjectName("lineEdit")
        self.label_2 = QtWidgets.QLabel(self.centralwidget)
        self.label_2.setGeometry(QtCore.QRect(150, 190, 91, 41))
        font = QtGui.QFont()
        font.setFamily("Arial")
        font.setPointSize(18)
        self.label_2.setFont(font)
        self.label_2.setObjectName("label_2")
        self.lineEdit_2 = QtWidgets.QLineEdit(self.centralwidget)
        self.lineEdit_2.setGeometry(QtCore.QRect(280, 270, 231, 31))
        self.lineEdit_2.setObjectName("lineEdit_2")
        self.label = QtWidgets.QLabel(self.centralwidget)
        self.label.setGeometry(QtCore.QRect(40, 30, 721, 91))
        font = QtGui.QFont()
        font.setFamily("隶书")
        font.setPointSize(18)
        self.label.setFont(font)
        self.label.setObjectName("label")
        self.pushButton = QtWidgets.QPushButton(self.centralwidget)
        self.pushButton.setGeometry(QtCore.QRect(250, 350, 201, 71))
        self.pushButton.setObjectName("pushButton")
        self.pushButton.clicked.connect(self.close_window)#关闭登录窗口
        self.pushButton.clicked.connect(self.open)#实现跳转的信号语句

        MainWindow.setCentralWidget(self.centralwidget)
        self.menubar = QtWidgets.QMenuBar(MainWindow)
        self.menubar.setGeometry(QtCore.QRect(0, 0, 800, 26))
        self.menubar.setObjectName("menubar")
        MainWindow.setMenuBar(self.menubar)
        self.statusbar = QtWidgets.QStatusBar(MainWindow)
        self.statusbar.setObjectName("statusbar")
        MainWindow.setStatusBar(self.statusbar)

        self.retranslateUi(MainWindow)
        QtCore.QMetaObject.connectSlotsByName(MainWindow)

    def retranslateUi(self, MainWindow):
        _translate = QtCore.QCoreApplication.translate
        MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))
        self.label_3.setText(_translate("MainWindow", "密码"))
        self.label_2.setText(_translate("MainWindow", "用户名"))
        self.label.setText(_translate("MainWindow", "通往新世界的大门已经打开，各位勇士你们准备好了吗"))
        self.pushButton.setText(_translate("MainWindow", "登录"))

    def open(self,m):
        import tiaozhuan      #调用tiaozhuan.py
        self.m = tiaozhuan.Ui_MainWindow()  #实例化tiaozhuan.py中的Ui_MainWindow类
        self.m.show()#show()方法显示窗口

    def close_window(self):
        MainWindow.close()#关闭的时候要用窗口的实例化对象来关闭，不能用self

import sys
if __name__ == '__main__':
   app = QtWidgets.QApplication(sys.argv)
   MainWindow = QtWidgets.QMainWindow() # 创建窗体对象
   ui = Ui_MainWindow() # 创建PyQt设计的窗体对象
   ui.setupUi(MainWindow) # 调用PyQt窗体的方法对窗体对象进行初始化设置
   MainWindow.show() # 显示窗体
   sys.exit(app.exec_()) # 程序关闭时退出进程

上面我们完成窗口跳转的语句是这样的。

信号

self.pushButton.clicked.connect(self.open)

槽函数

    def open(self,m):
        import tiaozhuan
        self.m = tiaozhuan.Ui_MainWindow()
        self.m.show()

所以我们要完成跳转，得经历下面几步：

1.添加信号与槽
在需要添加信号的控件上，添加语句。比如我们在object name 为pushButton的登录按钮上添加信号，连接到open()槽函数，open槽函数的作用是打开新窗口。

self.pushButton.clicked.connect(self.open)

self : 代表Ui_MainWindow的实例化对象
pushbutton : 登录按钮的object name
clicked : 信号意思是当用户点击登录按钮时将信号发送给槽函数
connect : 信号和槽函数的连接语法
open ：槽函数，即接收到信号后调用该函数

 def open(self,m):
        import tiaozhuan   #调用tiaozhuan.py
        self.m = tiaozhuan.Ui_MainWindow()#实例化tiaozhuan.py中的Ui_MainWindow类
        self.m.show()#show()方法显示窗口

import tiaozhuan : tiaozhuan是新窗口的名称，tiaozhuan.py。
另外，在打开新窗口的同时，我们要关闭掉原来的登录窗口，方法相同，在登录按钮上添加信号。
信号

self.pushButton.clicked.connect(self.close_window)

槽函数

    def close_window(self):
        MainWindow.close()#关闭的时候要用窗口的实例化对象来关闭，不能用self

这里一定要注意，关闭窗口时必须用真正的实例化对象调用close()方法。而不能用self代替。

2.修改被调用的窗口

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'tiaozhuan.ui'
#
# Created by: PyQt5 UI code generator 5.15.1
#
# WARNING: Any manual changes made to this file will be lost when pyuic5 is
# run again.  Do not edit this file unless you know what you are doing.


from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *

class Ui_MainWindow(QMainWindow):#将object改为QMainWindow
    def __init__(self):          #添加初始化函数
        super(Ui_MainWindow,self).__init__()
        self.setupUi(self)
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(309, 639)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.toolBox = QtWidgets.QToolBox(self.centralwidget)
        self.toolBox.setGeometry(QtCore.QRect(10, 10, 281, 541))
        self.toolBox.setMaximumSize(QtCore.QSize(281, 16777215))
        self.toolBox.setObjectName("toolBox")
        self.page = QtWidgets.QWidget()
        self.page.setGeometry(QtCore.QRect(0, 0, 281, 425))
        self.page.setObjectName("page")
        self.toolBox.addItem(self.page, "")
        self.page_3 = QtWidgets.QWidget()
        self.page_3.setGeometry(QtCore.QRect(0, 0, 281, 425))
        self.page_3.setObjectName("page_3")
        self.layoutWidget = QtWidgets.QWidget(self.page_3)
        self.layoutWidget.setGeometry(QtCore.QRect(11, 21, 101, 291))
        self.layoutWidget.setObjectName("layoutWidget")
        self.verticalLayout = QtWidgets.QVBoxLayout(self.layoutWidget)
        self.verticalLayout.setContentsMargins(0, 0, 0, 0)
        self.verticalLayout.setObjectName("verticalLayout")
        self.label_6 = QtWidgets.QLabel(self.layoutWidget)
        self.label_6.setStyleSheet("border-image: url(:/png/images/周杰伦.jpg);")
        self.label_6.setText("")
        self.label_6.setObjectName("label_6")
        self.verticalLayout.addWidget(self.label_6)
        self.label_8 = QtWidgets.QLabel(self.layoutWidget)
        self.label_8.setStyleSheet("border-image: url(:/png/images/林俊杰.jpg);")
        self.label_8.setText("")
        self.label_8.setObjectName("label_8")
        self.verticalLayout.addWidget(self.label_8)
        self.label_7 = QtWidgets.QLabel(self.layoutWidget)
        self.label_7.setStyleSheet("border-image: url(:/png/images/王力宏.jpg);")
        self.label_7.setText("")
        self.label_7.setObjectName("label_7")
        self.verticalLayout.addWidget(self.label_7)
        self.layoutWidget_2 = QtWidgets.QWidget(self.page_3)
        self.layoutWidget_2.setGeometry(QtCore.QRect(130, 20, 141, 291))
        self.layoutWidget_2.setObjectName("layoutWidget_2")
        self.verticalLayout_2 = QtWidgets.QVBoxLayout(self.layoutWidget_2)
        self.verticalLayout_2.setContentsMargins(0, 0, 0, 0)
        self.verticalLayout_2.setObjectName("verticalLayout_2")
        self.label_2 = QtWidgets.QLabel(self.layoutWidget_2)
        font = QtGui.QFont()
        font.setFamily("Arial")
        font.setPointSize(18)
        self.label_2.setFont(font)
        self.label_2.setObjectName("label_2")
        self.verticalLayout_2.addWidget(self.label_2)
        self.label_3 = QtWidgets.QLabel(self.layoutWidget_2)
        font = QtGui.QFont()
        font.setFamily("Arial")
        font.setPointSize(18)
        self.label_3.setFont(font)
        self.label_3.setObjectName("label_3")
        self.verticalLayout_2.addWidget(self.label_3)
        self.label_5 = QtWidgets.QLabel(self.layoutWidget_2)
        font = QtGui.QFont()
        font.setFamily("Arial")
        font.setPointSize(18)
        self.label_5.setFont(font)
        self.label_5.setObjectName("label_5")
        self.verticalLayout_2.addWidget(self.label_5)
        self.toolBox.addItem(self.page_3, "")
        self.page_4 = QtWidgets.QWidget()
        self.page_4.setGeometry(QtCore.QRect(0, 0, 281, 425))
        self.page_4.setObjectName("page_4")
        self.toolBox.addItem(self.page_4, "")
        self.page_2 = QtWidgets.QWidget()
        self.page_2.setGeometry(QtCore.QRect(0, 0, 281, 425))
        self.page_2.setObjectName("page_2")
        self.toolBox.addItem(self.page_2, "")
        MainWindow.setCentralWidget(self.centralwidget)
        self.menubar = QtWidgets.QMenuBar(MainWindow)
        self.menubar.setGeometry(QtCore.QRect(0, 0, 309, 26))
        self.menubar.setObjectName("menubar")
        MainWindow.setMenuBar(self.menubar)
        self.statusbar = QtWidgets.QStatusBar(MainWindow)
        self.statusbar.setObjectName("statusbar")
        MainWindow.setStatusBar(self.statusbar)

        self.retranslateUi(MainWindow)
        self.toolBox.setCurrentIndex(1)
        self.toolBox.layout().setSpacing(6)
        QtCore.QMetaObject.connectSlotsByName(MainWindow)

    def retranslateUi(self, MainWindow):
        _translate = QtCore.QCoreApplication.translate
        MainWindow.setWindowTitle(_translate("MainWindow", "QQ"))
        self.toolBox.setItemText(self.toolBox.indexOf(self.page), _translate("MainWindow", "家人"))
        self.label_2.setText(_translate("MainWindow", "周杰伦"))
        self.label_3.setText(_translate("MainWindow", "林俊杰"))
        self.label_5.setText(_translate("MainWindow", "王力宏"))
        self.toolBox.setItemText(self.toolBox.indexOf(self.page_3), _translate("MainWindow", "朋友"))
        self.toolBox.setItemText(self.toolBox.indexOf(self.page_4), _translate("MainWindow", "同事"))
        self.toolBox.setItemText(self.toolBox.indexOf(self.page_2), _translate("MainWindow", "致热爱学习的我们"))
import csdn_img_rc

需要修改两处：

class Ui_MainWindow(QMainWindow):将object改为QMainWindow
	def __init__(self): #添加初始化函数 
	super(Ui_MainWindow,self).__init__() self.setupUi(self)

在类中添加初始化函数

版权声明：本文为CSDN博主「若非月前即花下」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/leidawangzi/article/details/110938176

莫名sign
关注
  • 0
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Android Studio多个按钮跳转多个页面，利用选项卡功能实现
03-31
实现测试页上的五个标签，单击实现不同页面的跳转。
pyqt5 实现多窗口跳转的方法
09-19
今天小编就为大家分享一篇pyqt5 实现多窗口跳转的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
pyqt5 实现多窗口跳转的方法，以及ui界面代码与逻辑代码分离
weixin_44098348的博客
02-23 451
【代码】pyqt5 实现多窗口跳转的方法，以及ui界面代码与逻辑代码分离。
NavController多个fragment控制（跳转）
11-22
NavController多个fragment控制（跳转）
Python爬虫之Selenium多窗口切换的实现
01-19
前言：在页面操作过程中有时候点击某个链接会弹出新的窗口，但由于Selenium的所有操作都是在第一个打开的页面进行的，这时就需要主机切换到新打开的窗口上进行操作。WebDriver提供了switch_to.window()方法，可以实现在不同的窗口之间切换。 以百度首页和百度注册页为例，在两个窗口之间的切换。 本章中用到的关键方法如下： current_window_handle：获得当前窗口句柄 window_handles：返回所有窗口的句柄到当前会话 switch_to.window()：用于切换到相应的窗口 跳转至注册页面，然后获取所有页面的句柄，并打印各个页面的title
窗口跳转
u013930303的专栏
06-30 6273
import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import javax.swing.JButton;import javax.swing.JFrame;public class Fre { static JFrame frame = new JFrame(); public static void ma
使用js实现点击跳转到页面指定位置
m0_45857808的博客
12-31 4938
使用js实现点击跳转到页面指定位置 var skipBtnClick = function (e) { var e = e || window.event; e.stopPropagation(); var $elm = $(e.currentTarget); var index = $elm.index(); console.log("skipBtnClick ", $elm); $(window).scrollTop($isJump.eq(index).offset().top) // $
跳转打开新窗口
Y4258的博客
06-23 1万+
vue中遇到的问题记录
跳转页面窗口
热门推荐
weixin_44548473的博客
04-27 3万+
开发工具与关键技术： VS 中的跳转页面窗口 作者： 木有窝的鸟~小通 撰写时间：2019年4月22日 学习中，发现了很多按钮或者是文字点击之后会跳转到另一个页面或者是提示框，往往这个时候会联想到页面跳转、页面嵌套还是一些插件的文本提示框，在此之前，达到该目的是在项目或者说是在软件更有在百度等一些浏览器上面经常会遇到的，点击某个看点就能进入相关的文件和文章或者说是一些视频等其他材料。不成否认，显然...
实现点击跳转到页面指定位置demo
长歌的博客
07-09 5886
<!DOCTYPE html><html><head> <title>实现点击跳转到页面指定位置demo</title> <link href="./normalize.css" rel="stylesheet" /> <style type="text/css"&am
多窗口文件整理工具-Q-Dir.exe
02-18
多窗口文件整理工具，便于Window系统下文件管理 Q-Dir特别适合用户频繁在各个文件夹中跳转进行复制粘贴的文件归档操作，如果你的电脑硬盘中文件已经凌乱无章难以归类的话，建议你使用该软件进行高效率的整理。 功能介绍： 　　快速访问最常用的文件夹。 　　可以通过拖拽移动文件到个窗口。 　　在Q – dir目录视图和其他程序之间的复制/粘贴。 　　支持文件夹类型： ZIP 、FTP、网络、系统文件、快捷方式… 　　文件过滤器：允许的项目快速，轻松过滤。 　　所有栏目的支持保存功能。 　　对于快速文件夹访问权限。 　　浏览视图：大图标、小图标、列表、详细、缩略图。 　　允许快速预览。 　　有多种颜色供不同项目类型。 使用方法： 　　打开Q-dir出现的四个窗口，不同盘中在同一个窗口访问多个文件夹针，对文件加中的内容进行复制、粘贴、修改、移动等操作
8个在网页设计中即将被淘汰的趋势
03-02
时代一直在变，一个又一个的创新让我们感到惊讶万分。网页设计的趋势如同流星，光芒耀眼，但来得快、去得也快。虽然跟风很不好，显得毫无设计主见，但很多设计潮流确实值得追随。就像当下响应式设计、扁平化设计、以及滚动视差等。可是呢，还有很多极为”糟粕”的设计趋势，本文一一列举，请君对号入座。“下一页”、”下一张”，明明一页就能展现的内容，非要跳转20多次才能看全，你把用户当傻子?操作繁琐、浪费时间、效率低下，没人喜欢页面跳转过于频繁的网页。确实有很多网站的维持依赖广告收入，但是广告的位置一定要合理，不要妨碍用户浏览信息，用户体验永远位于广告之上。没有用户访问量，也就没人找你打广告。弹出窗口这种流氓式的东
在新窗口打开的跳转菜单 window.open使用介绍
09-22
本文为大家详细介绍下在新窗口打开的跳转菜单使用window.open实现，具体的代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
鸿蒙开发（九）UI实战 - 线性布局实现登录界面
zhaojun的博客
04-26 519
前面我们花了很多章去讲述鸿蒙开发的UI，包括布局和控件等。本篇，我们综合使用布局和控件，完成一个简单的用户登录界面。
element-ui et -i 编译默认主题报错：ReferenceError: primordials is not defined
weixin_44799030的博客
04-24 190
看了好几个帖子，都推荐使用node 11.15.0版本（推荐用nvm包管理，非常方便）用哪个node版本下载的就用node版本卸载，否则很可能出现问题。我使用的是node 14版本。
Avalonia UI跨平台WPF
最新发布
qq_38190993的博客
04-26 174
它使用自己的渲染引擎绘制UI控件，确保在Windows、macOS、Linux、Android、iOS和WebAssembly等不同平台上具有一致的外观和行为。Avalonia是一个强大的框架，使开发人员能够使用.NET创建跨平台应用程序。
pyinstaller｜打包生成的EXE报错No module named ‘openpyxl.cell._writer‘
cash_cp的博客
04-23 190
使用pyinstaller打包生成的EXE在执行过程中报错，No module named 'openpyxl.cell._writer'
【VUE】解决 Element UI 中 el-tab 切换时 ECharts 渲染宽度问题
九日的博客
04-24 522
由于在 Tab 未激活状态下，图表的容器处于隐藏状态，ECharts 无法准确获取到其容器的尺寸，从而导致渲染错误。首先，最直接的方法是监听 Tab 切换事件，在 Tab 被激活时初始化或者重新渲染图表。另一种简易的解决方式是在 CSS 中直接为 ECharts 图表的容器设置一个固定宽度，这样即使在 Tab 未激活时，图表的容器也已经有了确定的尺寸。通过上述方法，不论是前端新手还是经验丰富的开发者，应该都能找到一种适合自己项目需求的解决方案，从而优化 ECharts 在 Element UI 的。
qtdesigner实现窗口跳转
07-22
要在Qt Designer中实现窗口之间的跳转，你可以使用QStackedWidget来管理多个窗口，并在需要时切换显示不同的窗口。 以下是一个简单的示例： 1. 在Qt Designer中设计你的第一个窗口（例如，MainWindow.ui），并保存为.ui文件。 2. 创建一个新的.py文件（例如，main.py），并在其中添加以下代码： ```python from PyQt5 import QtWidgets, uic class MainWindow(QtWidgets.QMainWindow): def __init__(self): super(MainWindow, self).__init__() uic.loadUi('MainWindow.ui', self) self.buttonNext.clicked.connect(self.showNextWindow) def showNextWindow(self): self.stackedWidget.setCurrentIndex(1) # 切换到下一个窗口 if __name__ == '__main__': app = QtWidgets.QApplication([]) window = MainWindow() window.show() app.exec_() ``` 在上面的代码中，我们首先从PyQt5模块中导入QtWidgets和uic。然后，我们定义了一个名为MainWindow的类，继承自QtWidgets.QMainWindow。在类的构造函数中，我们使用uic.loadUi方法加载之前设计好的MainWindow.ui文件，并连接了一个按钮的clicked信号到showNextWindow槽函数。在showNextWindow函数中，我们使用self.stackedWidget.setCurrentIndex方法将当前显示的窗口切换到索引为1的下一个窗口。 3. 使用命令行或终端运行`python main.py`启动应用程序，并显示第一个窗口。当点击按钮时，应用程序将切换到下一个窗口。 你可以在Qt Designer中设计其他窗口，并在代码中进行相应的切换设置。 希望这可以帮助到你！如果你还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

莫名sign

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值