pyqt5面向对象编程:无UI到使用UI的过程

前面讲解了面向编程的基本结构，在基本结构的基础上，对程序进行修改，引入Qt Designer编辑的UI文件，实现UI文件的使用；

面向对象编程基本结构：

import sys  # 导入sys模块，用于处理命令行参数
from PyQt5.Qt import * # 导入PyQt5模块中的所有类，用于创建GUI应用程序


class Window(QWidget): #   自定义的窗口类，继承自QWidget
    def __init__(self):
        super().__init__()  # 进行父类的初始化
        self.setWindowTitle("面向对象版本的PyQt代码") # 设置窗口标题
        self.resize(500, 500) # 设置窗口大小
        self.move(400, 250)  # 设置窗口位置

    def setup_ui(self): # 定义一个setup_ui方法，用于设置窗口内所有的子控件
        label = QLabel(self) # 创建一个标签控件，设置父控件为self
        label.setText("Hello world") # 设置文本，文本会自动换行
        label.move(200, 240)  # 设置label的位置


# 创建一个应用程序对象
if __name__ == "__main__":
    app = QApplication(sys.argv)  # 创建一个应用程序对象，传入命令行参数，用于处理命令行传递的参数

    window = Window()  # 实例化一个Window对象
    window.setup_ui()  # 调用setup_ui方法，设置窗口内所有的子控件
    window.show()  # 把window显示出来

    sys.exit(app.exec_())

引入UI文件：

1、 新建一个ui文件；

2、ui文件命名为myQWidget.ui，并设置窗口标题为“面向对象版本的PyQt代码”

3、拖到Qlabel组件，并命名为Hello world

4、设置窗口大小为500*500；设置label的位置为（200,240）

4、保持设置的ui文件，ui一键转化为py，名字为Ui_myQWidget.py

5、Ui_myQWidget.py的代码为：

from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_form(object):
    def setupUi(self, form):
        form.setObjectName("form")
        form.resize(500, 500)
        self.label = QtWidgets.QLabel(form)
        self.label.setGeometry(QtCore.QRect(200, 240, 91, 16))
        self.label.setObjectName("label")

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

    def retranslateUi(self, form):
        _translate = QtCore.QCoreApplication.translate
        form.setWindowTitle(_translate("form", "面向对象版本的PyQt代码"))
        self.label.setText(_translate("form", "Hello world"))

解析：这段代码是PyQt5 Designer生成的代码, 用于创建一个QWidget, 该QWidget中有一个QLabel, QLabel显示"Hello world"；

该QWidget的大小为500*500, QLabel的位置为(200, 240), QLabel的大小为91*16;

该QWidget的名称为form, QLabel的名称为label

该QWidget的标题为"面向对象版本的PyQt代码"

该QWidget的父窗口为QMainWindow, 也是QWidget, 也是object

6、新建myWindows.py文件，编辑QmyWindows类，在类中使用Ui_myQWidget.py中的Ui_form类；

import sys
from PyQt5.QtCore import Qt
from PyQt5.QtWidgets import QMainWindow, QApplication, QWidget
from Ui_myQWidget import Ui_form

class QmyWindows(QMainWindow): 
    def __init__(self, parent = None): # parent默认为None, 为了能够嵌套在其他窗口中, 需要设置parent, 一般为QWidget
        super().__init__(parent) # 调用父类构造函数

        self.ui = Ui_form() # 创建UI对象, Ui_form为Ui_myQWidget.py中的类, 该类继承自object
        self.ui.setupUi(self) # 构造UI界面, self为QMainWindow对象, 也是QWidget对象


if __name__ == "__main__":
    app = QApplication(sys.argv) # 创建应用程序, sys.argv是命令行参数列表,
    myWin = QmyWindows() # 创建主窗口, myWin为QmyWindows对象, 也是QMainWindow对象, 也是QWidget对象, 也是object对象
    myWin.show() # 显示窗口
    sys.exit(app.exec_()) # 进入消息循环, 等待窗口退出, app.exec_()返回值为退出代码

7、运行

总结：引入UI文件重点是对这这段程序的理解：

self.ui = Ui_form() 
 self.ui.setupUi(self)

self.ui = Ui_form()：这句代码是创建一个 Ui_form 类的实例，并将这个实例赋值给 self.ui；Ui_form 是你在Qt Designer中设计的界面转换成的Python代码类。

self.ui.setupUi(self)：这句代码是调用 Ui_form 类中的 setupUi 方法，将设计的界面应用到当前的窗口实例 self 上。setupUi 是一个由GUI设计工具（如Qt Designer）生成的函数，它接受一个类实例作为参数。在这种情况下，self 是一个窗口类的实例，可以作为参数传递给 setupUi 函数，正好作为各组件的窗体容器。

这样，你就可以在 self（也就是你的主窗口类）中访问和操作 Ui_form 中定义的所有控件了。