Pyqt5 页码层与逻辑层分离

最新推荐文章于 2023-09-29 09:44:25 发布
最新推荐文章于 2023-09-29 09:44:25 发布
阅读量355 收藏
点赞数
文章标签： python ui 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44971601/article/details/127865162
版权

结构框架

  1. 设计两个ui界面
  2. 为两个ui生成的py文件 去分别定义两个逻辑层去分别继承前面的两个类
  3. 初始化逻辑层
  4. 设置信号与槽
  5. 定义槽

文件说明

  •         一共六个文件

        

MW1.ui                                                界面1 ui设计

MW1.py                                               界面1 ui转py文件

MW2.ui                                                界面2ui文件

MW2.py                                               界面2 ui转py文件

First_window_action.py                       逻辑层1 继承界面1的py类

MW2_Action.py                                    逻辑层2 继承界面2的py类

 

MW1.py

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

# Form implementation generated from reading ui file 'MW1.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(460, 294)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.widget = QtWidgets.QWidget(self.centralwidget)
        self.widget.setGeometry(QtCore.QRect(20, 20, 411, 221))
        self.widget.setStyleSheet("background-color: rgb(255, 255, 127);")
        self.widget.setObjectName("widget")
        self.label = QtWidgets.QLabel(self.widget)
        self.label.setGeometry(QtCore.QRect(150, 10, 101, 41))
        self.label.setObjectName("label")
        self.TurnTo1_Button = QtWidgets.QPushButton(self.widget)
        self.TurnTo1_Button.setGeometry(QtCore.QRect(70, 170, 75, 23))
        self.TurnTo1_Button.setStyleSheet("background-color: rgb(170, 170, 255);")
        self.TurnTo1_Button.setObjectName("TurnTo1_Button")
        self.TurnTo2_Button = QtWidgets.QPushButton(self.widget)
        self.TurnTo2_Button.setGeometry(QtCore.QRect(260, 170, 75, 23))
        self.TurnTo2_Button.setStyleSheet("background-color: rgb(170, 170, 255);")
        self.TurnTo2_Button.setObjectName("TurnTo2_Button")
        MainWindow.setCentralWidget(self.centralwidget)
        self.menubar = QtWidgets.QMenuBar(MainWindow)
        self.menubar.setGeometry(QtCore.QRect(0, 0, 460, 23))
        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.setText(_translate("MainWindow", "这是界面1"))
        self.TurnTo1_Button.setText(_translate("MainWindow", "界面1"))
        self.TurnTo2_Button.setText(_translate("MainWindow", "界面2"))

展示界面1内容

 

MW2.py

from PyQt5 import QtCore, QtGui, QtWidgets


class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(800, 303)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.frame = QtWidgets.QFrame(self.centralwidget)
        self.frame.setGeometry(QtCore.QRect(20, 10, 761, 251))
        self.frame.setStyleSheet("background-color: rgb(170, 255, 255);")
        self.frame.setFrameShape(QtWidgets.QFrame.StyledPanel)
        self.frame.setFrameShadow(QtWidgets.QFrame.Raised)
        self.frame.setObjectName("frame")
        self.label = QtWidgets.QLabel(self.frame)
        self.label.setGeometry(QtCore.QRect(330, 0, 101, 41))
        self.label.setObjectName("label")
        self.TurnTo1_Button2 = QtWidgets.QPushButton(self.frame)
        self.TurnTo1_Button2.setGeometry(QtCore.QRect(200, 190, 75, 23))
        self.TurnTo1_Button2.setStyleSheet("background-color: rgb(170, 170, 255);")
        self.TurnTo1_Button2.setObjectName("TurnTo1_Button2")
        self.TurnTo2_Button2 = QtWidgets.QPushButton(self.frame)
        self.TurnTo2_Button2.setGeometry(QtCore.QRect(390, 190, 75, 23))
        self.TurnTo2_Button2.setStyleSheet("background-color: rgb(170, 170, 255);")
        self.TurnTo2_Button2.setObjectName("TurnTo2_Button2")
        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)

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

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

First_window_action.py  

import sys
import MW1
import MW2_Action
from PyQt5.QtWidgets import QApplication, QMainWindow, QWidget, QFileDialog, QMessageBox
from PyQt5 import QtWidgets


# 注意这里定义的第一个界面的后端代码类需要继承两个类
class FirstWindowActions(MW1.Ui_MainWindow, QMainWindow):
    def __init__(self):
        super(MW1.Ui_MainWindow, self).__init__()
        # 创建界面
        self.setupUi(self)
        # 绑定槽函数`
        self.TurnTo2_Button.clicked.connect(self.open_btn_clicked)
        self.TurnTo2_Button.clicked.connect(self.close)


    # 核心代码
    # 定义一个按钮的槽函数
    def open_btn_clicked(self):
        """点击相应按钮，跳转到第二个界面"""
        # 实例化第二个界面的后端类，并对第二个界面进行显示
        # 通过派生新类去访问类
        self.another_window = MW2_Action.AnotherWindowActions()
        self.another_window.show()


# 主程序入口
if __name__ == '__main__':
    # 这里是界面的入口，在这里需要定义QApplication对象，之后界面跳转时不用再重新定义，只需要调用show()函数即可
    app = QApplication(sys.argv)

    # 实例化
    demo_window = FirstWindowActions()

    # 显示
    demo_window.show()

    sys.exit(app.exec_())

MW2_Action.py

import sys
import MW1
import MW2_Action
from PyQt5.QtWidgets import QApplication, QMainWindow, QWidget, QFileDialog, QMessageBox
from PyQt5 import QtWidgets


# 注意这里定义的第一个界面的后端代码类需要继承两个类
class FirstWindowActions(MW1.Ui_MainWindow, QMainWindow):
    def __init__(self):
        super(MW1.Ui_MainWindow, self).__init__()
        # 创建界面
        self.setupUi(self)
        # 绑定槽函数`
        self.TurnTo2_Button.clicked.connect(self.open_btn_clicked)
        self.TurnTo2_Button.clicked.connect(self.close)


    # 核心代码
    # 定义一个按钮的槽函数
    def open_btn_clicked(self):
        """点击相应按钮，跳转到第二个界面"""
        # 实例化第二个界面的后端类，并对第二个界面进行显示
        # 通过派生新类去访问类
        self.another_window = MW2_Action.AnotherWindowActions()
        self.another_window.show()


# 主程序入口
if __name__ == '__main__':
    # 这里是界面的入口，在这里需要定义QApplication对象，之后界面跳转时不用再重新定义，只需要调用show()函数即可
    app = QApplication(sys.argv)

    # 实例化
    demo_window = FirstWindowActions()

    # 显示
    demo_window.show()

    sys.exit(app.exec_())

张智玮
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
PYQT5之界面和逻辑分离式设计
weixin_44515442的博客
12-30 2346
PYQT5之界面和逻辑分离式设计综述界面用设计师完成界面pycharm添加designerpycharm添加pyuic转换ui文件逻辑 综述 在刚开始学习pyqt时，界面多是手写，所以会把界面设计和功能的实现写在同一个类里，导致代码过长，也不好修改。在qt中，一个界面分为ui文件和cpp文件，故我们可以在pyqt中用同样的方式。 界面 相当于ui文件 from PyQt5.QtCore impor...
UI-逻辑分离-pyqt5
03-17
1.用pyqt5+pycharm+qtdesiner 写 2.实现UI和逻辑分离 给大家一个参考
PyQt5基本程序框架（一）
清風明月_xf 的博客
09-09 619
PyQt5基本程序框架（一）
【雕爷学编程】MicroPython手册之 WiPy 使用参考
雕爷学编程
09-29 125
综上所述，WiPy是一款基于MicroPython的无线微控制器模块，通过集成处理器、无线通信模块和MicroPython运行环境，提供了一个简单而强大的解决方案，用于开发和部署物联网设备。物联网设备开发：WiPy适用于物联网设备的开发和部署，可以用于各种物联网应用场景，如智能家居、工业自动化、环境监测、农业物联网等。它的设计目标是提供一个紧凑、低功耗的硬件平台，能够运行MicroPython这样的高级编程语言，并具备连接到互联网和其他设备的能力。非常适合各类物联网和智能硬件的开发。
【雕爷学编程】MicroPython手册之 WiPy PWM（脉宽调制）
雕爷学编程
09-29 242
5、开发和部署：WiPy提供了一套方便的开发工具和开发环境，使得开发者能够快速进行应用程序的开发、调试和测试。在使用时，需要注意计时精度、中断处理和引脚冲突等问题，以确保准确的时间测量和可靠的定时功能。它的设计目标是提供一个紧凑、低功耗的硬件平台，能够运行MicroPython这样的高级编程语言，并具备连接到互联网和其他设备的能力。非常适合各类物联网和智能硬件的开发。WiPy是一款基于MicroPython的无线微控制器模块，它提供了一个完整的硬件和软件解决方案，旨在简化物联网（IoT）设备的开发和部署。
【Pyqt5】第二篇：界面布局和逻辑分离的写法
黎明总是如期而至
03-19 1222
Python语言的能力我们都知道，在有桌面需求时，也有很多选择，我比较常用的就是Pyqt5，但是相对来说Pyqt5的资料不是很多，使用的过程中有许多东西需要我们考虑。包括ui界面、css样式、算法和逻辑等。
实现PyQt UI代码和逻辑代码分离
weixin_45564816的博客
04-08 2253
在使用Qt Disigner设计窗体后，将相应的.ui文件通过第三方工具转译为.py文件（以下称为主文件），然后习惯于在主文件下编写相关逻辑功能代码， 但是在后续的业务增加中，需要对窗体控件进行修改，形成新的.ui文件，转译后的文件会覆盖掉原先的文件，在对旧代码的转移，比较繁琐。 因此需要提前对UI界面代码和编写的逻辑代码分离 通过Qt Designer新建一个窗体 转译文件 ##其中较为主要的代码为 # window.py from PyQt5 import QtCore, QtGui, QtWid
PyQt5 如何让界面和逻辑分离的方法
09-17
主要介绍了PyQt5 如何让界面和逻辑分离的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
PyQt5信号槽与界面分离
04-18
网上很多PyQt5信号槽与界面分离的例子，但是真正开发起来很不方便。 于是自己修改了。 1、真正实现PyQt5信号槽与界面分离，网上大部分分离不彻底； 2、不借助pycharm或anaconda软件，用python官网自带的安装程序+...
Python 如何让PyQt5窗体代码与逻辑代码分离 Python源码
最新发布
11-04
Python 如何让PyQt5窗体代码与逻辑代码分离 Python源码Python 如何让PyQt5窗体代码与逻辑代码分离 Python源码Python 如何让PyQt5窗体代码与逻辑代码分离 Python源码Python 如何让PyQt5窗体代码与逻辑代码分离 Python...
Python3.x+Pyqt5实现界面和逻辑分离案例01_自己写的，有UI界面源代码
06-09
Python3.x+Pyqt5实现界面和逻辑分离案例01，自己写的，有UI界面源代码。可以参考着写自己的代码。
PyQt5通信机制 信号与槽详解
09-18
主要介绍了PyQt5通信机制 信号与槽详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
使用PyQt5制作界面（实现界面与代码的分离）（二）
热门推荐
niuyongjie的专栏
07-23 4万+
使用PyQt5制作界面，网上代码漫天飞，但是实现界面与代码分离的例子不多，自己实现了一个，侥幸成功了，特此记录，害怕自己忘记了，以后也是一个参考！ 1.启动Pycharm，新建一个工程，然后点击TOOL-->EXTERNAL TOOL选择Qt Designer(这个菜单的配置，请参考另一篇博文：PyQt5的安装)，启动Qt Designer工具，制作界面。 在界面上放置了一个Edit...
QT如何实现QStackedWidget界面间的切换
JustinChen
02-10 2955
QT 界面切换
python逻辑与界面分离_PyQt5 如何让界面和逻辑分离的方法
weixin_39988677的博客
12-10 500
前言我们已经知道利用QtDesigner来设计界面，并通过Pycharm外部工具PyUIC将其转化成py源文件。不过由于要响应事件操作，往往会将相应的槽函数写在ui的py文件中，这样，界面和逻辑开发就混合在一起了，每一次的ui更新都会伴随着转换后py文件的槽函数的添加修改，及其不方便，造成效率低下。本例就来介绍如何将二者剥离。实例讲解设计ui我们通过Pycharm新建一个项目，并打开QtDesig...
PyQt5 如何让界面和逻辑分离简介
yizhou2010的专栏
03-18 2万+
PyQt5 如何让界面和逻辑分离简介PyQt5 如何让界面和逻辑分离简介 前言 实例讲解 设计ui ui转换成py 剥离ui和逻辑 main函数中调用 前言我们已经知道利用QtDesigner来设计界面，并通过Pycharm外部工具PyUIC将其转化成py源文件。不过由于要响应事件操作，往往会将相应的槽函数写在ui的py文件中，这样，界面和逻辑开发就混合在一起了，每一次的ui更新都会伴随着转换后py
安装pyqt及qt-designer,界面程序和逻辑程序分离
taylorman的博客
08-11 604
1、安装pyqt及qt-designer 1.安装Pyqt5库 pip install PyQt5 pip install pyqt5-tools 2.在pycharm添加external tools Designer添加： Name：工具名字，譬如QTDesigner Program：designer.exe程序的绝对路径，在site-packages下搜索 Working directory--designer.exe工作路径，设置为 $ProjectFileDir$ PyUIC添加 name：
python逻辑与界面分离_如何将PyQt5的界面与逻辑分离
weixin_39778815的博客
12-10 520
前些天使用PyQt编写界面，将一些重要点的步骤记录一下用QT designer制作的界面为.ui文件，通过命令可以编译为.py文件，但此时如果对.py文件作修改，下一次使用.ui生成的.py文件不会存在这些修改，这就是没有将界面实现与逻辑分离开，因此我们需要实现将界面与逻辑分离开来，其实很简单，就是新建一个.py文件，继承界面文件的主窗口类即可，具体的逻辑实现也应该在这个.py文件中实现。1、启动...
利用python与pyqt5实现多层界面设计
09-21
### 回答1： 在 Python 中使用 PyQt5 实现多层界面设计可以使用 QStackedWidget 组件。 QStackedWidget 组件是一个容器组件，可以在其中嵌入多个子界面，并通过设置当前层来显示不同的子界面。 使用方法如下： 1. 创建 QStackedWidget 对象 2. 创建多个子界面（QWidget 对象） 3. 将子界面添加到 QStackedWidget 中 4. 设置当前层来显示不同的子界面 下面是一个简单的例子： ```python import sys from PyQt5.QtWidgets import QApplication, QWidget, QStackedWidget, QVBoxLayout class MainWindow(QWidget): def __init__(self): super().__init__() self.initUI() def initUI(self): # 创建 QStackedWidget 对象 stacked_widget = QStackedWidget() # 创建多个子界面 page1 = QWidget() page2 = QWidget() page3 = QWidget() # 将子界面添加到 QStackedWidget 中 stacked_widget.addWidget(page1) stacked_widget.addWidget(page2) stacked_widget.addWidget(page3) # 设置当前层 stacked_widget.setCurrentIndex(0) # 在窗口中添加 QStackedWidget 并显示 layout = QVBoxLayout() layout.addWidget(stacked_widget) self.setLayout(layout) self.show() if __name__ == '__main__': app = QApplication(sys.argv) window = MainWindow() sys.exit(app.exec_()) ``` 在这个例子中，我们创建了三个子界面（page1、page2、page3）并将它们添加到 QStackedWidget 中，然后设置当前层为第一层，就可以在窗口中显示第一 ### 回答2： 利用Python与PyQt5可以实现多层界面设计，具体步骤如下： 首先，我们需要导入PyQt5库，并创建一个主窗口类。 ```python from PyQt5.QtWidgets import QApplication, QMainWindow class MainWindow(QMainWindow): def __init__(self): super().__init__() # 设置主窗口的标题和大小 self.setWindowTitle("多层界面设计示例") self.setGeometry(100, 100, 300, 200) # 创建一个按钮并添加到主窗口上 button = QPushButton("打开第二层界面", self) button.move(100, 100) ``` 然后，我们需要创建第二层界面。在第一层界面的按钮点击事件中，可以打开第二层界面。 ```python from PyQt5.QtWidgets import QDialog, QLabel class SecondWindow(QDialog): def __init__(self): super().__init__() # 设置第二层界面的标题和大小 self.setWindowTitle("第二层界面") self.setGeometry(200, 200, 300, 200) # 创建一个标签并添加到第二层界面上 label = QLabel("这是第二层界面", self) label.move(100, 100) ``` 最后，我们需要在主程序中实例化主窗口类，并展示界面。 ```python if __name__ == "__main__": import sys # 创建一个应用程序对象 app = QApplication(sys.argv) # 实例化主窗口类 main_window = MainWindow() # 在点击按钮时打开第二层界面 button.clicked.connect(lambda: open_second_window()) def open_second_window(): second_window = SecondWindow() second_window.exec() # 显示主窗口 main_window.show() # 进入主循环 sys.exit(app.exec()) ``` 这样，就实现了通过点击主窗口上的按钮，打开第二层界面的多层界面设计。在主窗口和第二层界面中，我们可以根据需要添加更多的功能和控件。 ### 回答3： 利用Python与PyQt5可以实现多层界面设计。PyQt5是一个Python的GUI框架，可以用于创建各种类型的界面。多层界面设计通常包括主界面和子界面的切换，可以通过使用PyQt5的QStackedWidget（堆叠窗口小部件）来实现。 首先，我们需要导入PyQt5库，使用以下代码实现： ```python from PyQt5.QtCore import * from PyQt5.QtWidgets import * from PyQt5.QtGui import * ``` 然后，创建一个继承自QMainWindow的主窗口类，设置主界面的布局和样式。在主界面中添加按钮或其他控件，用于触发显示子界面的事件。 接下来，创建继承自QWidget的子窗口类，用于显示子界面的内容。在子界面中添加所需的控件和布局，根据需求进行设计。 在主窗口类中，我们可以为按钮或其他控件添加信号和槽函数，用于切换显示子界面。在槽函数中，我们可以使用QStackedWidget的setCurrentIndex方法来切换显示的界面。例如： ```python self.stacked_widget.setCurrentIndex(1) # 显示第二个子界面 ``` 添加完所有的子界面后，我们可以将它们添加到QStackedWidget中，使用addWiget方法来进行添加。例如： ```python self.stacked_widget.addWidget(ChildWindow1()) # 添加第一个子界面 self.stacked_widget.addWidget(ChildWindow2()) # 添加第二个子界面 ``` 最后，我们需要在主窗口的布局中添加QStackedWidget，并设置好布局和样式。 通过以上步骤，利用Python与PyQt5，我们可以实现多层界面设计。当用户在主界面点击按钮或其他控件时，可以切换显示子界面，以实现不同功能或模块的展示和操作。同时，我们还可以通过设置子界面的布局和样式来满足设计要求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值