pyqt中的view/Controller控制模式

前言

在pyqt中，复杂的UI制作不可能使用代码一行一行写，因此我们用到了qtdesigner可视化来设计UI，在UI设计好后，使用pyuic会自动将ui文件转换为py文件，但是不可以在这个py文件上处理底层逻辑，因为只要你的ui界面发生修改，重新转换的代码就会将原来的代码给覆盖掉，因此，我们需要将ui界面和逻辑处理来分开处理，类似于前后端的方式。

本文通过View/Controller分开处理的方式来将ui和逻辑分开处理。

实际上，因为用Qtdesigner设计的UI生成的代码具有一定的规范，所以我们可以利用这个规范，将qtdesigner中的test.ui文件生成的代码的和底层逻辑代码分成两个py文件来编写，这样子既可以清晰的分离逻辑和UI；在不手动修改UI代码的原则上，我们可以使用qtdesigner对UI界面进行持续的修改。

实操

给定一个用Qtdesigner自动生成的UI界面

from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_Form(object):
    def setupUi(self, Form):
        Form.setObjectName("Form")
        Form.resize(650, 542)
        self.label = QtWidgets.QLabel(Form)
        self.label.setGeometry(QtCore.QRect(210, 140, 261, 51))
        self.label.setObjectName("label")
        self.pushButton = QtWidgets.QPushButton(Form)
        self.pushButton.setGeometry(QtCore.QRect(200, 200, 93, 28))
        self.pushButton.setObjectName("pushButton")
        self.textEdit = QtWidgets.QTextEdit(Form)
        self.textEdit.setGeometry(QtCore.QRect(200, 250, 104, 87))
        self.textEdit.setObjectName("textEdit")

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

    def retranslateUi(self, Form):
        _translate = QtCore.QCoreApplication.translate
        Form.setWindowTitle(_translate("Form", "Form"))
        self.label.setText(_translate("Form", "this is a test"))
        self.pushButton.setText(_translate("Form", "PushButton"))

if __name__ == "__main__":
    import sys
    app = QtWidgets.QApplication(sys.argv)
    Form = QtWidgets.QWidget()
    ui = Ui_Form()
    ui.setupUi(Form)
    Form.show()
    sys.exit(app.exec_())

下面我们实现底层逻辑，创建一个新的py文件

from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtWidgets import QWidget,QApplication,QMessageBox,QLineEdit
from view01 import Ui_Form

class Login_Work(QtWidgets.QWidget, Ui_Form):
    def __init__(self):
        super().__init__()
        # 往空的QWidget里面放置UI内容
        self.setupUi(self)
        self.initAttr()
        self.initFun()

    #属性处理
    def initAttr(self):
        pass

    #信号与槽绑定
    def initFun(self):
        self.pushButton.clicked.connect(Form.something)
	
	#信号的实现
    def something(self):
        print("the button is here")
        

if __name__ == "__main__":
    import sys
    app = QtWidgets.QApplication(sys.argv)
    Form = Login_Work()
    Form.show()
    sys.exit(app.exec_())

注意事项：
（1）如果在qtdesigner中创建了一个自定义的槽（slot），则在界面编辑类中需要去实现该方法，否则无法编译通过
（2）在界面编辑类中需要将Ui内容传给一个空白QWidget（空盘子），并传入参数（self），这里的self继承了Ui_Form布局