PyQt5同一界面实现不同窗口跳转

目录

一、目的

二、QStacked Widget

二、QTabWidget

三、实战演示

1、在Qt Designer中编辑界面文件

2、编写逻辑文件用于显示

四、QStackedWidget、QTabWidget可以相互嵌套使用，效果奇佳

五、附录——生成新的窗口进行跳转，跳转的同时关闭另外一个界面

1、第一个跳转界面

2、第二个跳转界面 

3、调用页面

4、完整代码

---

一、目的

实现同一主界面下多个tab页可以多窗口切换。

经过摸索，发现当前使用 Stacked Widget 或 Tab Widget，可以一个界面下就可以直接编辑多个窗口。但是，Stacked Widget 更灵活一些。

下面将详细介绍。

二、QStacked Widget

堆载窗口控件

在Qt Designer中新建一个主窗口，然后再组件栏中将QStackedWidget控件拖过去，显示如下:

在不同的page上，可以直接拉控件到每个page上，互不干扰，切换下一个又是全新的page，不用担心组件重叠的问题。  

我们可以右键该部件，选着插入页增加页数。

在Object Inspector中可以清晰看到每一个page，在下方的Property Editor中可以直接对属性进行编辑。

二、QTabWidget

QTabWidget是很好用的页签容器

• 在容器边缘默认带有页签，同样，可以右击添加新页签
• 每一个页签Page都是独立的，切换后不会相互影响

可以在Property Editor中修改QTabWidget属性，进行页签的位置的变换，上下左右都可以。

三、实战演示

1、在Qt Designer中编辑界面文件

该界面设计了三个按钮用于切换不同的界面，每个界面放一个标签用于查看切换效果。

.ui文件转换后的代码：

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

# Form implementation generated from reading ui file 'untitled.ui'
#
# Created by: PyQt5 UI code generator 5.15.4
#
# 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(690, 399)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.stackedWidget = QtWidgets.QStackedWidget(self.centralwidget)
        self.stackedWidget.setGeometry(QtCore.QRect(170, 50, 481, 271))
        self.stackedWidget.setObjectName("stackedWidget")
        self.page1 = QtWidgets.QWidget()
        self.page1.setObjectName("page1")
        self.label =