PYQT5 实现界面的嵌套

最新推荐文章于 2024-08-13 22:37:47 发布
最新推荐文章于 2024-08-13 22:37:47 发布
阅读量2w 收藏 159
点赞数 20
文章标签： PYQT5 python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27515679/article/details/88409768
版权

新手，因为查阅各种博客太多，有点混，而且也找不到原本的网址了，所以就自己当作笔记记下，以便以后回来查看。

自己比较会的编程语言就只有python了，但是因为老师那边要求做一个桌面应用程序，对于python来说，我比较喜欢的就是用PYQT5了。这里简单引用下网上(https://www.jianshu.com/p/ef71566ff8bb)的说法：QT原本是诺基亚的产品，源码是用C++写的，python对QT的包装，跨平台，本地显示效果，根据系统决定，在win7就是win7的显示效果；pyqt与qt的函数接口一致，qt开发问的那个丰富，所以pyqt开发文档也比较丰富；控件丰富，函数/方法多，拖曳布局；方便打包成二进制文件；GPL协议，商业程序需要购买商业版授权。

推荐QT5的一个学习博客：https://blog.csdn.net/La_vie_est_belle/column/info/27446。总结的很好。

界面的嵌套(可能我说的不太对)，在前端里面，是可以使用 iframe 这个标签实现的，但是在qt5里面，其实是可以通过 Splitter 去实现的。简单演示下：

首先主界面界面：

在Form处设置下水平布局，就如下图：

左右两侧分别是一个frame控件，左侧frame里含有两个按钮，右侧其实我只是用来占位的，后面解释。选中两个frame，点击 Lay out Horizontally in Splitter，将它设置为 Splitter 布局，为了能让要切换的界面在右侧的 frame 显示出来。

接下来是界面1：

界面2：

将三个 .ui文件转为 .py 文件，然后在代码中调整。

第一步：

在index.py文件下导入 first 和 second 

from first import Ui_First
from second import Ui_Second

第二步：

在index.py文件下生成 first 和 second 两个子类：

class First(QWidget, Ui_First):
    def __init__(self):
        super(First,self).__init__()
        # 子窗口初始化时实现子窗口布局
        self.setupUi(self)
        # 设置子窗体最小尺寸
        self.setMinimumWidth(30)
        self.setMinimumHeight(30)

class Second(QWidget, Ui_Second):
    def __init__(self):
        super(Second,self).__init__()
        self.setupUi(self)
        self.setMinimumWidth(30)
        self.setMinimumHeight(30)

第三步：

在index.py的初始化里面生成两个界面的对象

# 初始化两个对象，并把 first对象 加入到 splitter 中
self.first = First()
self.second = Second()
self.splitter.addWidget(self.first)

这个时候运行可能会报错：

Traceback (most recent call last):
  File "D:/python/workpace/Normal/cad/index.py", line 93, in <module>
    ui.setupUi(MainWindow)
  File "D:/python/workpace/Normal/cad/index.py", line 60, in setupUi
    self.splitter.addWidget(self.first)
TypeError: addWidget(self, QWidget): argument 1 has unexpected type 'Ui_First'

原因是在 first.py 这个子界面中，是没有菜单栏等这些主界面才有的界面，因为直接用 qt 生成的 ui 文件转化的，所以代码还是带有菜单栏这些的，我们只要注释掉，并且把self.centralwidget换成 对象名即可。(同样 second.py 也要)

最后只要绑定按钮事件

self.pushButton.clicked.connect(lambda :self.change(self.pushButton.objectName()))
self.pushButton_2.clicked.connect(lambda :self.change(self.pushButton_2.objectName()))
   def change(self,name):
        if name == "pushButton":
            # 这句的意思是把现在 splitter 的界面设置为None,也就是去掉
            self.splitter.widget(1).setParent(None)
            # 把另一个self.first这个界面插入上一句去掉的那个界面的位置
            self.splitter.insertWidget(1, self.first)

        if name == "pushButton_2":
            self.splitter.widget(1).setParent(None)
            self.splitter.insertWidget(1, self.second)

这样运行，就大功告成啦

 

index.py

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

# Form implementation generated from reading ui file 'index.ui'
#
# Created by: PyQt5 UI code generator 5.11.3
#
# WARNING! All changes made in this file will be lost!

from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtWidgets import QWidget
from first import Ui_First
from second import Ui_Second


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.horizontalLayout = QtWidgets.QHBoxLayout(self.centralwidget)
        self.horizontalLayout.setObjectName("horizontalLayout")
        self.splitter = QtWidgets.QSplitter(self.centralwidget)
        self.splitter.setOrientation(QtCore.Qt.Horizontal)
        self.splitter.setObjectName("splitter")
        self.frame = QtWidgets.QFrame(self.splitter)
        self.frame.setMaximumSize(QtCore.QSize(200, 16777215))
        self.frame.setFrameShape(QtWidgets.QFrame.StyledPanel)
        self.frame.setFrameShadow(QtWidgets.QFrame.Raised)
        self.frame.setObjectName("frame")
        self.verticalLayout = QtWidgets.QVBoxLayout(self.frame)
        self.verticalLayout.setObjectName("verticalLayout")
        self.pushButton = QtWidgets.QPushButton(self.frame)
        self.pushButton.setObjectName("pushButton")
        self.verticalLayout.addWidget(self.pushButton)
        self.pushButton_2 = QtWidgets.QPushButton(self.frame)
        self.pushButton_2.setObjectName("pushButton_2")
        self.verticalLayout.addWidget(self.pushButton_2)

        # 这里注释掉，因为不需要frame2。当初在qt 里面设计这个frame2的原因是为了占位，不至于到时候布局出现错乱。
        # self.frame_2 = QtWidgets.QFrame(self.splitter)
        # self.frame_2.setStyleSheet("background-color:white;")
        # self.frame_2.setFrameShape(QtWidgets.QFrame.StyledPanel)
        # self.frame_2.setFrameShadow(QtWidgets.QFrame.Raised)
        # self.frame_2.setObjectName("frame_2")

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

        # 初始化两个对象，并把 first对象 加入到 splitter 中
        self.first = First()
        self.second = Second()
        self.splitter.addWidget(self.first)

        self.pushButton.clicked.connect(lambda :self.change(self.pushButton.objectName()))
        self.pushButton_2.clicked.connect(lambda :self.change(self.pushButton_2.objectName()))

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

    def retranslateUi(self, MainWindow):
        _translate = QtCore.QCoreApplication.translate
        MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))
        self.pushButton.setText(_translate("MainWindow", "界面1"))
        self.pushButton_2.setText(_translate("MainWindow", "界面2"))

    def change(self,name):
        if name == "pushButton":
            self.splitter.widget(1).setParent(None)
            self.splitter.insertWidget(1, self.first)

        if name == "pushButton_2":
            self.splitter.widget(1).setParent(None)
            self.splitter.insertWidget(1, self.second)

class First(QWidget, Ui_First):
    def __init__(self):
        super(First,self).__init__()
        # 子窗口初始化时实现子窗口布局
        self.setupUi(self)

        # 设置子窗体最小尺寸
        self.setMinimumWidth(30)
        self.setMinimumHeight(30)

class Second(QWidget, Ui_Second):
    def __init__(self):
        super(Second,self).__init__()
        self.setupUi(self)
        self.setMinimumWidth(30)
        self.setMinimumHeight(30)

if __name__ == '__main__':
    import sys
    app = QtWidgets.QApplication(sys.argv)
    MainWindow = QtWidgets.QMainWindow()
    ui = Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec_())

first.py

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

# Form implementation generated from reading ui file 'first.ui'
#
# Created by: PyQt5 UI code generator 5.11.3
#
# WARNING! All changes made in this file will be lost!

from PyQt5 import QtCore, QtGui, QtWidgets


class Ui_First(object):
    def setupUi(self, Ui_First):
        Ui_First.setObjectName("MainWindow")
        Ui_First.resize(800, 600)
        # self.centralwidget = QtWidgets.QWidget(Ui_First)
        # self.centralwidget.setObjectName("centralwidget")
        self.horizontalLayout = QtWidgets.QHBoxLayout(Ui_First)
        self.horizontalLayout.setObjectName("horizontalLayout")
        self.frame_2 = QtWidgets.QFrame(Ui_First)
        self.frame_2.setStyleSheet("background-color:white;")
        self.frame_2.setFrameShape(QtWidgets.QFrame.StyledPanel)
        self.frame_2.setFrameShadow(QtWidgets.QFrame.Raised)
        self.frame_2.setObjectName("frame_2")
        self.label = QtWidgets.QLabel(self.frame_2)
        self.label.setGeometry(QtCore.QRect(300, 180, 181, 81))
        font = QtGui.QFont()
        font.setPointSize(20)
        font.setBold(True)
        font.setWeight(75)
        self.label.setFont(font)
        self.label.setObjectName("label")
        self.horizontalLayout.addWidget(self.frame_2)
        # Ui_First.setCentralWidget(self.centralwidget)
        # self.menubar = QtWidgets.QMenuBar(Ui_First)
        # self.menubar.setGeometry(QtCore.QRect(0, 0, 800, 23))
        # self.menubar.setObjectName("menubar")
        # Ui_First.setMenuBar(self.menubar)
        # self.statusbar = QtWidgets.QStatusBar(Ui_First)
        # self.statusbar.setObjectName("statusbar")
        # Ui_First.setStatusBar(self.statusbar)

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

    def retranslateUi(self, MainWindow):
        _translate = QtCore.QCoreApplication.translate
        MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))
        self.label.setText(_translate("MainWindow", "这是界面1"))

second.py

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

# Form implementation generated from reading ui file 'second.ui'
#
# Created by: PyQt5 UI code generator 5.11.3
#
# WARNING! All changes made in this file will be lost!

from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_Second(object):
    def setupUi(self, Ui_Second):
        Ui_Second.setObjectName("MainWindow")
        Ui_Second.resize(800, 600)
        # self.centralwidget = QtWidgets.QWidget(Ui_Second)
        # self.centralwidget.setObjectName("centralwidget")
        self.horizontalLayout = QtWidgets.QHBoxLayout(Ui_Second)
        self.horizontalLayout.setObjectName("horizontalLayout")
        self.frame_2 = QtWidgets.QFrame(Ui_Second)
        self.frame_2.setStyleSheet("background-color:green;")
        self.frame_2.setFrameShape(QtWidgets.QFrame.StyledPanel)
        self.frame_2.setFrameShadow(QtWidgets.QFrame.Raised)
        self.frame_2.setObjectName("frame_2")
        self.label = QtWidgets.QLabel(self.frame_2)
        self.label.setGeometry(QtCore.QRect(300, 180, 181, 81))
        font = QtGui.QFont()
        font.setPointSize(20)
        font.setBold(True)
        font.setWeight(75)
        self.label.setFont(font)
        self.label.setObjectName("label")
        self.horizontalLayout.addWidget(self.frame_2)
        # Ui_Second.setCentralWidget(self.centralwidget)
        # self.menubar = QtWidgets.QMenuBar(Ui_Second)
        # self.menubar.setGeometry(QtCore.QRect(0, 0, 800, 23))
        # self.menubar.setObjectName("menubar")
        # Ui_Second.setMenuBar(self.menubar)
        # self.statusbar = QtWidgets.QStatusBar(Ui_Second)
        # self.statusbar.setObjectName("statusbar")
        # Ui_Second.setStatusBar(self.statusbar)

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

    def retranslateUi(self, MainWindow):
        _translate = QtCore.QCoreApplication.translate
        MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))
        self.label.setText(_translate("MainWindow", "这是界面2"))

 

leonrun
关注
上位机开发PyQt5（三）【布局、单选框和多选框、对话框】
weixin_68429349的博客
04-30 905
一个pyqt窗口中可以有多个控件。所谓布局,指的就是多个控件在窗口中的展示方式水平布局垂直布局网格布局表单布局。
pyqt5窗口内嵌子窗口
xinmo_jin的博客
12-14 6799
pyqt5窗口内嵌子窗口 1.示例图： 实现功能： 1.点击打开窗体实现子窗口内嵌主窗口展示 2.通过文件控件内的open控件导入文本内容在子窗口展示 3.通过文件控件内的close实现子窗口关闭 # -*- coding: utf-8 -*- # Created by: PyQt5 UI code generator 5.6 # WARNING! All changes made in this file will be lost! import sys from PyQt5 import QtCore
详细学习PyQt5的样式表与界面美化
最新发布
weixin_49520696的博客
08-13 2001
在实战练习和学习的过程中,记得总结和反思自己的样式表编写经验。养成良好的命名习惯,使用有意义的选择器名称和注释,提高样式表的可读性。将常用的样式提取为通用样式类,促进样式的重用和一致性。合理使用继承和层叠,避免不必要的样式重复和冲突。注意样式表的性能影响,避免过于复杂的选择器和过多的样式规则。定期重构和优化样式表,保持样式表的整洁和可维护性。与团队成员分享和交流样式表的最佳实践,促进知识共享和代码质量提升。/* 通用样式 */QWidget {/* 按钮样式 */
PyQt5 笔记（01）：嵌套布局
derek881122的博客
01-31 302
PyQt5 有四种布局：水平（QHBoxLayout）、竖直（QVBoxLayout）、网格（QGridLayout）、表单（QFormLayout）在窗体中单一的布局应该不难，但若是比较复杂的布局，一般涉及到布局的嵌套，这就头疼了。本文的四个知识点：1. 布局不能直接嵌套（如果我错了，欢迎指正！）2. 内层的布局必须先“附着”在一个空 QWidget 上3. 然后把这个“承载”着...
PyQt5 笔记（02）：嵌套布局
derek881122的博客
01-31 255
如前一篇笔记，我们还是只讨论两层嵌套布局的情况。 前面的布局有一个缺点：有三个内层布局，则需要三个空部件。那若有十个内层布局呢？显然会让人不舒服。 刚才在玩 Qt Designer 时，发现了一个更好的办法，不管有多少个内层布局，只需要一个空部件。 一、过程分析： 1. 先准备一个全局部件，用于"承载"全局布局 # 全局部件（注意参数 self），用于...
python pyqt5 From窗口内嵌子窗口
cy19890616的博客
10-08 801
2.通过文件控件内的open控件导入文本内容在子窗口展示。3.通过文件控件内的close实现子窗口关闭。1.点击打开窗体实现子窗口内嵌主窗口展示。
Python3.7 PYQT5基础布局嵌套
12-20
浅谈pyqt5布局管理绝对布局比较好的布局方式 布局管理是GUI编程中的一个重要方面。布局管理是一种如何在应用窗口上防止组件的一种方法。我们可以通过两种基础方式来管理布局。我们可以使用绝对定位和布局类。 绝对布局 绝对布局简单来讲就是直接指定控件的大小位置，当我们放大或缩小时，不会随变。 # -*- coding: utf-8 -*- """ Created on 2020 @author: tanhao """ from PyQt5.Qt import * import sys class Window(QWidget): def __init__(self): s
PyQt5多线程防卡死和多窗口用法的实现
09-16
下面将详细介绍如何在PyQt5中实现多线程以防止界面卡死。 #### 示例代码解析 首先来看一个简单的例子，展示如何使用`QThread`类创建一个新线程，并通过信号和槽机制将子线程中的数据传递回主线程进行处理： ```...
自定义实现 PyQt5 下拉复选框 ComboCheckBox的完整代码
09-17
通过自定义 `ComboCheckBox` 类，我们成功地将 PyQt5 的 `QComboBox` 和 `QCheckBox` 结合在一起，实现了具有下拉列表和复选功能的控件。通过设置视图、编辑框和列表项，我们可以方便地管理和显示下拉列表中的复选框...
python GUI库图形界面开发之PyQt5中QWebEngineView内嵌网页与Python的数据交互传参详细方法实例
09-17
在Python的GUI库图形界面开发中，PyQt5是一个常用的选择，它提供了丰富的功能，包括创建复杂的用户界面。其中，QWebEngineView组件是用于显示网页内容的关键部分。本文将详细探讨如何在PyQt5中利用QWebEngineView...
[pyqt] 实现窗口嵌套
刘好念的博客
12-27 4877
一、背景 最近要开一门新课，数据库综合实习，需要实现一个图形化界面程序对SqlServer数据库进行操作，在安装好Sqlserver之后选择使用pyqt实现图形化界面。 初步设计在主界面中分为左边菜单栏和右边显示栏，需要在主窗口中嵌套一个窗口，即右边显示栏。并且需要动态改变右边的窗口。 在查相关博客时只发现两篇博客，链接地址如下：PYQT5 实现界面的嵌套、pyqt窗口嵌套。但是他们的代码太...
python3.x+pyqt5实现主窗口状态栏里（嵌入）显示进度条功能
09-19
主要介绍了python3.x+pyqt5实现主窗口状态栏里（嵌入）显示进度条功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
pyqt5 动态镶嵌ui窗体
11-06
最近因开发软件需要动态加载一些窗体并镶嵌到主窗体。在查相关博客及网站资料后，发现大部分介绍都是将UI文件转换成.py文件后再进行镶嵌。他们的代码太多太杂，并包含了很多无关紧要的代码，部分代码我没看懂。。。因此通过现有的资料和实际，经过几天修改，几行代码就可以轻松实现。不用将UI文件转换成PY文件，直接使用，代码简单，修改随意。UI文件和代码文件一起打包。主窗体的UI文件在布局上没有仔细布局。
基于Python和PyQt5创建的嵌入式窗口
基于matplotlib绘制的五角雷达图
05-10 2570
基于Python和PyQt5创建的嵌入式窗口 采用界面与逻辑分离的方式 界面文件和逻辑文件是两个相对独立的文件，通过上述方法就实现了界面与逻辑的分离 实现界面与逻辑的分离方法很简单，只需要新建一个xxxx.py文件，并继承界面文件的主窗口类 ui文件 # -*- coding: utf-8 -*- # Form implementation generated from reading ui f...
PyQt5嵌入外部exe【如微信、cmd窗口】
程序员象漂亮的博客
03-01 1382
PyQt在使用中需要使用一下另外一个exe程序，需要嵌入一下。
使用win32gui模块在pyqt窗口中嵌入其他EXE程序窗口
loujiand的博客
03-24 534
1.下载microsoftspy++工具，方便搜索需要嵌入EXE的。microsoftspy++工具，打开软件。4.将窗口所指的靶心移到你要嵌入的EXE。7.新建一个pyqt最简单的应用程序。3.点击搜索->查找窗口。5.获取窗口的类名和标题。
PyQt5实现父窗口内点击按钮显示子窗口（窗口嵌套功能）
yue200403的博客
05-24 5780
在软件中，常会有点击某个按钮，显示一个新的子界面的需求，本文介绍如何在PyQt5中实现这一功能，主要涉及知识点是“信号与槽函数的自动绑定”。
pyqt5 动态镶嵌ui窗体
weixin_39511454的博客
11-07 677
pyqt5 动态镶嵌ui窗体 一、背景 最近因开发软件需要动态加载一些窗体并镶嵌到主窗体。在查相关博客及网站资料后，发现大部分介绍都是将UI文件转换成.py文件后再进行镶嵌。他们的代码太多太杂，并包含了很多无关紧要的代码，部分代码我没看懂。。。因此通过现有的资料和实际，经过几天修改，几行代码就可以轻松实现。不用将UI文件转换成PY文件，直接使用，代码简单，修改随意。UI文件和代码文件一起打包。主窗体的UI文件在布局上没有仔细布局。 [完整代码下载地址](https://download.csdn
嵌入式 ARM 平台使用Python和PyQT开发界面应用程序
toradexsh的博客
10-21 5779
By Toradex秦海 1).简介 随着Python在互联网人工智能领域的流行，大家也慢慢感受到Python开发的便利，本文就基于嵌入式ARM平台，介绍使用Python配合PyQT5模块来开发图形化应用程序。 本文所演示的ARM平台来自于Toradex基于NXP iMX6 ARM处理器的Apalis iMX6 ARM嵌入式平台。 2.准备 a).Apalis i...
pyqt5图像识别界面设计副界面标签
06-21
在PyQt5中，图像识别界面设计通常涉及多个组件的集成，包括主界面和可能的副界面标签（也称为子窗口或嵌套窗口）。副界面标签可以用来显示图像处理结果、提供额外的功能选项或者作为单独的工作区域。 1. 创建副界面标签（QTabWidget 或 QStackedWidget）: 使用`QTabWidget`或`QStackedWidget`可以根据需要在主窗口中切换不同的子界面。它们允许用户在多个选项间轻松切换，比如一个用于显示原始图片，另一个用于显示识别后的结果。 ```python import sys from PyQt5.QtWidgets import QApplication, QMainWindow, QWidget, QVBoxLayout, QLabel, QPushButton class ImageRecognitionUI(QMainWindow): def __init__(self): super().__init__() self.setWindowTitle("Image Recognition Interface") # 创建主窗口布局 main_layout = QVBoxLayout() self.setCentralWidget(QWidget()) self.central_widget.setLayout(main_layout) # 创建副界面标签 tab_widget = QTabWidget(self) main_layout.addWidget(tab_widget) # 添加副界面 img_label = QLabel("Original Image", self) result_label = QLabel("Recognition Result", self) tab_widget.addTab(img_label, "Image") tab_widget.addTab(result_label, "Result") # 显示按钮，点击后切换到结果标签 btn = QPushButton("Recognize", self) btn.clicked.connect(lambda: tab_widget.setCurrentIndex(1)) main_layout.addWidget(btn) if __name__ == "__main__": app = QApplication(sys.argv) window = ImageRecognitionUI() window.show() sys.exit(app.exec_()) ```
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值