OpenCV-PyQT项目实战（2）QtDesigner 和 PyUIC 快速入门

本节介绍 QtDesigner 和 PyUIC 的快速入门，使用 QtDesigner 是开发 PyQt5 图形界面的基本方法。本节还介绍采用面向对象的程序设计方法，来编写图形界面的主程序。

YouCans

2667人浏览 · 2023-01-29 21:19:20

YouCans · 2023-01-29 21:19:20 发布

欢迎关注『OpenCV-PyQT项目实战 @ Youcans』系列，持续更新中
OpenCV-PyQT项目实战（1）安装与环境配置
 OpenCV-PyQT项目实战（2）QtDesigner 和 PyUIC 快速入门
 OpenCV-PyQT项目实战（3）信号与槽机制
 OpenCV-PyQT项目实战（4）OpenCV 与PyQt的图像转换
 OpenCV-PyQT项目实战（5）项目案例01：图像模糊
 OpenCV-PyQT项目实战（6）项目案例02：滚动条应用
 OpenCV-PyQT项目实战（7）项目案例03：鼠标框选
 OpenCV-PyQT项目实战（8）项目案例04：鼠标定位
 OpenCV-PyQT项目实战（9）项目案例04：视频播放
 OpenCV-PyQT项目实战（10）项目案例06：键盘事件与视频抓拍
 OpenCV-PyQT项目实战（11）项目案例07：摄像头操作与拍摄视频

文章目录

1. QtDesigner 和 PyUIC 的快速入门

在上节中，我们直接编程设置窗口参数和定义对象，实现简单的 PyQt5 图形界面。对于复杂的图像界面，通常使用 QtDesigener 来设计图形界面，比直接编程方便的多。

使用 QtDesigner 开发 PyQt5 图形界面的基本步骤是：
（1）使用图形界面设计工具 QtDesigner 进行图形界面设计，生成 .ui 文件；
（2）使用 UI 转换工具 PyUIC 将 .ui 文件转换为 .py 文件；
（3）编写一个 Python 应用程序调用 .py 界面文件，就可以实现 Python 平台的 GUI 编程。

虽然这些步骤看起来有些罗嗦，其实是非常简单方便的。下面我们用一个简单的例程详细讲解每一个步骤的操作。

1.1 QtDesigner 的启动和入门

（1）- 运行 PyCharm，打开建立的 Python Project，例如 Project 为 PyqtDemo。
（2）- 从顶部菜单栏选择：Tools -> ExternalTools -> QtDesigner，弹出如下的 QtDesigner 运行窗口。

在这里插入图片描述

（3）- 新建窗体
首次运行 QtDesigner 时可能会自动弹出 “新建窗体” 对话框，也可以通过菜单栏选择：“文件 -> 新建” 或快捷键 “Ctrl+N” 唤起 “新建窗体” 对话框。
在 “新建窗体” 窗口的左侧菜单选择 “MainWindow” 新建一个图形窗口。

（4）- 设计图形界面

QtDesigner 的使用界面与 AutoCAD 等设计软件类似，很好上手。

主界面分左中右三部分，左侧是各种备选的控件对象，右侧上方的 “对象查看器” 显示控件的树状结构，右侧下方的 “属性编辑器” 显示控件的各种属性，中间部分用于显示所设计的界面。

新建的窗口 “MainWindow” 虽然是一个空白的图形窗口，但已经生成了 centralwidget、menubar、statusbar 三个基本控件，可以在右侧上方 “对象查看器” 查看这些控件及结构。

下面我们为新建的图形窗口添加几个图形控件：

在这里插入图片描述

新建一个按钮控件：

从左侧控件栏的 Button 中选择 PushButton 按钮，鼠标左键点中 PushButton 按钮不放，移动鼠标将 PushButton 按钮拖动到中间的新建图形窗口内的任意位置，松开鼠标左键，就在图形窗口位置生成了一个 PushButton 按钮对象。
鼠标左键点击图形窗口中的这个 PushButton 按钮对象，拖动按钮可以调整控件的位置，对于其它控件也可以通过鼠标拖动来调整位置。
鼠标选中 PushButton 按钮对象，控件周围的边界位置上就出现 8个蓝色的点，表示控件被选中，这时可以在右侧的 “属性编辑器” 内对对象的属性进行编辑和修改，例如：
- 将 PushButton 对象的高度修改为 120，宽度修改为 40；
- 将 PushButton 对象的 “QAbstractButton->text” 修改为 “测试按钮”；

新建一个文本显示框控件：

从左侧控件栏的 InputWidget 中选择 TextEdit 按钮，鼠标左键选中 TextEdit 按钮拖动到新建图形窗口内的，松开鼠标左键就在图形窗口生成了一个 TextEdit 对象。
鼠标选中 TextEdit 对象，在右侧的 “属性编辑器” 内可以对对象的属性进行编辑和修改，例如：
- 将 TextEdit 对象的高度修改为 300，宽度修改为 200；
- 对于 TextEdit 对象的显示内容可以用 html、markdown 等格式编辑，也可以鼠标双击 TextEdit 对象唤出 html 编辑对话框，输入希望显示的内容。

现在，我们就已经用 QtDesigner 完成了一个基本的图形界面。

（5）- 将设计的图形界面保存为 .ui文件
保存文件就不赘述了，菜单、工具按钮和快捷键都可以，例如保存为 uiDemo1.ui。

注意文件的保存路径，默认保存在添加 QtDesigner 工具时 “Working directory” 所设置的路径，当然也可以另存到其它路径。
本文 3.2 添加 QtDesigner 工具中 “Working directory” 填写 “$ProjectFileDir$\program”，默认将 .ui 文件保存在当前 Project 路径下的 \program 子目录中。
本文的项目默认设置将 .py 文件也保存在当前 Project 路径下的 \program 子目录中，在应用程序编程时就可以直接导入图形界面文件。
如果 PyChrm 或 QtDesigner 设置的文件保存路径不同，要注意导入图形界面文件时设置和使用正确的路径。

1.2 PyUIC 的使用

（1）- 运行 PyCharm，打开 Python Project，刚才用 QtDesigner 建立的 uiDemo1.ui 文件显示在左侧 Project -> PyqtDemo -> program 显示框中。
如果该 .ui 文件没有显示，说明环境变量路径设置不同，可以重新设置，也可以在保存 .ui 文件时另存到当前 Project 路径下的 \program 子目录中。
（2）- 鼠标选中 .ui 文件，点击鼠标右键唤出下拉菜单，选择：ExternalTools -> PyUIC，点击鼠标左键运行，PyUIC 将选中的 .ui 文件转换为 .py 文件，在该路径生成 uiDemo1.py 文件。

在这里插入图片描述

uiDemo1.py 文件的内容如下。注意该文件不需要编程实现，而是通过 PyUIC 自动生成的。

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

# Form implementation generated from reading ui file 'uiDemo1.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(600, 480)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.pushButton = QtWidgets.QPushButton(self.centralwidget)
        self.pushButton.setGeometry(QtCore.QRect(150, 300, 120, 40))
        self.pushButton.setObjectName("pushButton")
        self.textEdit = QtWidgets.QTextEdit(self.centralwidget)
        self.textEdit.setGeometry(QtCore.QRect(50, 50, 300, 200))
        self.textEdit.setObjectName("textEdit")
        MainWindow.setCentralWidget(self.centralwidget)
        self.menubar = QtWidgets.QMenuBar(MainWindow)
        self.menubar.setGeometry(QtCore.QRect(0, 0, 600, 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.pushButton.setText(_translate("MainWindow", "测试按钮"))
        self.textEdit.setHtml(_translate("MainWindow", "<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0//EN\" \"http://www.w3.org/TR/REC-html40/strict.dtd\">\n"
"<html><head><meta name=\"qrichtext\" content=\"1\" /><style type=\"text/css\">\n"
"p, li { white-space: pre-wrap; }\n"
"</style></head><body style=\" font-family:\'SimSun\'; font-size:9pt; font-weight:400; font-style:normal;\">\n"
"<p style=\" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;\">第一个 PyQt 图形界面。</p>\n"
"<p style=\"-qt-paragraph-type:empty; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;\"><br /></p>\n"
"<p style=\" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;\">点击“测试按钮”清空显示文本。</p></body></html>"))

1.3 编写 Python 应用程序调用图形界面

我们编写一个主程序调用设计的图形界面 uiDemo1.py，就可以完成一个图形界面应用程序。

# GUIdemo2.py
# Demo2 of GUI by PqYt5
# Copyright 2021 Youcans, XUPT
# Crated：2021-10-06

from PyQt5.QtWidgets import QApplication, QMainWindow
import sys
import uiDemo1

if __name__ == '__main__':
    app = QApplication(sys.argv)  # 创建应用程序对象
    MainWindow = QMainWindow()  # 创建主窗口
    ui = uiDemo1.Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()  # 显示主窗口
    sys.exit(app.exec_())  # 在主线程中退出

在主程序 GUIdemo2.py 中，我们通过 “import uiDemo1” 导入了图形界面 uiDemo1.py。

运行程序 GUIdemo2，将弹出如下的图形界面：

在这里插入图片描述

如果你能得到这个图形界面，就说明 Pyqt5 和 QtTools 已经安装成功、配置正确了。

不过，GUIdemo2 中的按钮和点击之后并没有任何反应，这是因为我们还没有设置这些控件所触发的动作和应用。

在以后的程序中，我们将不断增加和丰富这个图形界面应用程序。

2. 创建主窗口

上文中我们建立的图形界面程序 GUIdemo2.py，通过导入图形界面 uiDemo1.py，已经实现了主窗口的创建。

2.1 窗口类型

进一步地，在 QtDesigner 创建主窗口有三种类型：QMainWindow、QDialog 和 QWidget。

QMainWindow：包括菜单栏、工具栏、状态栏和标题栏，常用于应用程序的窗口。
QDialog：没有菜单栏、工具栏、标题栏，常用于对话框的窗口。QtDesigner 中进一步提供了：没有默认按钮的对话框、底部按钮的对话框和右侧按钮的对话框可供选择。
QWidget：不确定窗口的类型。

新建应用程序窗口，通常可以选择 MainWindow 创建主窗口的图形界面。QtDesigner 创建的 “MainWindow” 虽然是一个空白的图形窗口，但已经生成了 centralwidget、menubar、statusbar 三个基本控件，可以在右侧上方 “对象查看器” 查看这些控件及结构。

2.2 编辑窗口的属性

在 QtDesigner 中用鼠标选中主窗口，或者在右侧的 “对象查看器” 中选中对象 “MainWindow”，此时右侧中部的 “属性编辑器” 将显示对象 “MainWindow” 的属性。在 “属性编辑器” 内可以对对象的属性进行编辑和修改。

对象名称（objectName）

当前窗口对象的名称（objectName）默认为 “MainWindow”。对象名称可以修改，但小白不要轻易去修改。在生成的 .ui 文件和 .py 文件中将定义一个类 Ui_MainWindow，在主程序调用图形界面时也会实例化类。

如果修改了对象名称，则主程序中需要进行相应修改。一些例程中定义类 Ui_Form，就是将窗口对象名称设为 “Form”。

窗口标题（windowTitle）

当前窗口对象的标题（windowTitle）默认值也是 “MainWindow”，因此容易将其与对象名称（objectName）混淆。

窗口标题显示在应用程序窗口的左上角，通常是程序名。窗口对象的标题是可以根据需要修改的，本例修改为 “数字图像处理”。

应用图标（windowIcon）

当前窗口对象的图标（windowIcon）默认值 Null，没有图标。
- 点击 “属性编辑器” 下 windowIcon 行的右侧空白处，将出现 " [Theme]“、”…" 和 “ $\triangledown$ ” 按钮的选项框
- 点击 “ $\triangledown$ ” 按钮，从 “选择资源”、“选择文件”、“选择主题” 三个选项选中 “选择文件”，从文件夹中选择一个图标文件。
本例在 Python 当前 Project 路径下建立了 \image 目录，图标和图片文件都保存在 \image 目录。本例选择 youcans.png 作为应用程序图标，读者可以任选自己的图标文件。

在 “属性编辑器” 内也可以对其它对象属性进行编辑和修改，例如：

将 MainWindow 对象的高度修改为 800，宽度修改为 600；

2.3 图形界面设计的预览

在 QtDesigner 菜单中选择：窗体 -> 预览，就可以预览设计的图形界面，还可以选择预览不同操作系统的显示效果。这使我们不需要编写主程序就可以预览图形界面的显示效果，以便进行修改。

刚才所创建的应用程序窗口预览如下图所示：

在这里插入图片描述

3. 建立菜单栏

3.1 建立一级菜单

QtDesigner 创建的 “MainWindow” 图形窗口，自动生成了顶部菜单栏 menubar，在图形窗口左上角显示有文本输入框 “在这里输入”。

输入菜单对象（menu）的标题（title）：

鼠标点击文本输入框 “在这里输入”，选中文本输入框，控件的边框变为紫色；
再双击选中的控件，出现激活的文本输入框，就可以输入所要建立菜单的标题；
输入菜单标题后回车结束，就建立了一个一级菜单，例如：将菜单标题设为 “文件”。

输入菜单对象的标题，以及修改菜单对象的属性，更通用的方法是：

在 QtDesigner 右侧的 “对象查看器” 中选中对象 “menu”，此时右侧中部的 “属性编辑器” 将显示对象 “menu” 的属性。
在 “属性编辑器” 内选择 “title” 属性，将其修改为菜单标题：“文件”。

建立一级菜单 “文件” 后，菜单栏中在 “文件” 右侧又出现新的文本输入框 “在这里输入” ，按照以上操作可以接着建立更多的菜单对象。
本例中还建立了一个一级菜单对象 “menuQuit”，标题为 “退出”。

3.2 建立二级菜单

QtDesigner 创建二级菜单，实际上是将动作（action）添加到一级菜单。

鼠标点击一级菜单对象 “文件”，出现两个下拉菜单选项：“在这里输入” 和 “添加分割符”。
选中 “在这里输入”，输入二级菜单的标题。
我们发现这时文本输入框不接受中文输入，于是输入英文 “Open”，生成二级菜单项。观察 QtDesigner 右侧的 “对象查看器”，在 menubar-menu 下新建的并不是控件对象，而是动作 actionOpen。这就是刚才文本输入框不接受中文的原因。
编辑动作 actionOpen 的属性，可以将属性 “text” 由 “Open” 修改为中文 “打开”。这时再点击菜单 “文件”，下拉菜单中的动作 actionOpen 就显示为中文 “打开”。
类似地，在一级菜单对象 “文件” 下，再建立两个二级菜单（动作）“Save”、“Close”，并将其属性 “text” 修改为 “保存”、“关闭”。
点击二级菜单/动作 “打开”，在其右侧有个 “+” 按钮，点击后可以创建新的下一级菜单。
注意：这时刚才建立的动作对象 “menu-actionOpen” 被自动删除了，同时生成了一个菜单对象 “menu-menu_2”。这是因为只有最下级的菜单项被设为动作对象 “QAction”，而上级菜单项只能是菜单对象 “QMenu”。

本例还在一级菜单对象 “menuQuit” 下建立了动作对象 “actionQuit”，标题为 “Quit”。

预览一下应用程序窗口，就可以看到刚才建立的菜单栏：

在这里插入图片描述

3.3 关联动作

我们已经在图形界面建立了菜单项，并为菜单项添加了动作对象。但是动作对象中的 “打开”、“保存”、“关闭” 只是这些动作对象的名称和描述，并没有定义或关联具体的动作。

因此在点击菜单时，虽然会显示对应的菜单选项，但并不会真正进行 “打开”、“关闭” 的动作。下面以一级菜单 “退出” 下的动作对象 “actionQuit” 为例，讲解将关闭动作（close）关联到动作对象 “actionQuit” 。

这里要简单解释一下 PyQt5 中的信号与槽机制。信号与槽是 PyQt5 中对象之间进行通信的机制。简单地说，对某个信号与某个槽函数进行连接之后，当该信号被触发时，自动执行对应的槽函数。

因此，将一个动作关联到一个动作对象（或其它对象），就是定义了对象的动作（例如点击菜单项）作为信号，并连接到对应的动作处理函数。当该信号被触发时，将自动执行对应的槽函数（动作处理函数）。例如，将点击动作对象 “actionQuit” 作为信号，连接到动作处理类 close()，则在该对象被点击时就会自动执行类 close()，进而执行 QDialog 类中的closeEvent() 方法。

将动作函数 close() 关联到动作对象 “actionQuit” 的操作如下：

从在 QtDesigner 右侧下方窗口 “信号/槽编辑器”，点击绿色的 “+” 新建一个信号/槽连接；
点击 “<发送者>”，从菜单中选择对象 “actionQuit”；
点击 “<信号>”，从菜单中选择 “triggered()”；
点击 “<接收者>”，从菜单中选择 “MainWindow”；
点击 “<槽>”，从菜单中选择 “closed()”。

以上操作的作用是：发送者对象 “actionQuit” 触发 “triggered()” 时，接收者对象"MainWindow" 执行槽函数 “closed()”。

QtDesigner 中 “信号/槽编辑器” 的使用确实比较繁琐，特别是对于菜单栏和工具栏的支持并不友好，而且不支持一级菜单对象直接连接槽函数。

相比而言，对于菜单栏和工具栏，在主程序中通过 connect() 建立信号/槽连接则更加简便：

self.actionQuit.triggered.connect(MainWindow.close)

4. 建立工具栏

工具栏/工具条是图形界面中的常用组件，将一组按钮控件排成一行放在图形窗口的顶部。

4.1 添加工具栏

QtDesigner 中添加工具栏的操作很简单，但是不太好找：

单击鼠标右键，选择 “添加工具栏”。
也可以选择 “Add Toolbar to Other Area”，将工具栏添加到窗口的左侧、右侧或底部。

添加工具栏以后，在顶部菜单栏的下方出现工具栏。新添加的工具栏是空的，非常窄，不加注意就容易被忽略。

4.2 添加和编辑动作对象

工具栏中只能添加动作控件（QAction），因此要先添加/编辑动作。

其实上文中菜单栏中也只能添加动作控件，但是菜单栏允许在输入二级菜单时直接添加动作控件（QAction），而工具栏只允许选择已有的动作控件添加。

在 QtDesigner 右侧下方窗口选择 “动作编辑器”，可以新建或编辑动作对象。

在 1.2 建立二级菜单时，我们已经建立了 actionOpen、actionSave、actionClosr、actionQuit等动作对象。这些动作对象显示在 “动作编辑器” 子窗口中。

添加/编辑动作对象步骤为：

点击 “动作编辑器” 子窗口工具栏的第一个图标按钮 “新建”，则弹出 “新建动作” 对话框；
双击 “动作编辑器” 中的动作对象，则弹出 “编辑动作” 对话框，可以编辑已有动作对象的属性；

“新建动作” 与 “编辑动作” 对话框的结构是相同的，对照已有动作对象的属性更容易理解 “新建动作” 对话框中属性选项的含义：

“文本” 指动作的标题，是控件的显示内容，可以是中文或英文，例如 “打开(Open)”；
“对象名称” 指动作的名称，是程序中调用对象的名称，只能是英文，例如 “actionOpen”；
“图标” 指工具栏中所显示的动作图标，点击 “ $\triangledown$ ” 按钮，选择 “选择文件” 选项，可以从文件夹中选择图标文件。

本例添加了动作对象：“actionSetup/设置”、“actionHelp/帮助”，并编辑动作对象 “actionQuit/退出” 设置动作图标。

4.3 向工具栏添加动作对象

从 QtDesigner 右侧下方窗口选择 “动作编辑器”，鼠标左键点击选中其中的动作控件，长按鼠标不放，拖动到图形窗口的工具栏后松开，就将动作控件添加到工具栏中。

如果动作对象设有图标，则在工具栏显示动作图标；如果动作对象没有设置图标，则在工具栏显示动作标题的文本信息。

本例将 “动作编辑器” 中的 6个动作对象都添加到工具栏。

预览一下应用程序窗口，就可以看到刚才建立的工具栏。

该窗口的工具栏中 “打开”、“保存”、“关闭” 三个动作对象显示为文字，而 “设置”、“帮助”、“退出” 三个动作对象显示为图标，显得不伦不类，这主要是为了示范不同的显示选项。随后我们会进行修改，为 “打开”、“保存”、“关闭” 等动作对象添加图标。

在这里插入图片描述

5. 从面向过程到面向对象

5.1 面向过程的程序设计

我们编写一个主程序调用设计的图形界面 uiDemo3.py，就可以完成一个图形界面应用程序。

在 QtDesigner 将设计的图形界面保存为 uiDemo3.ui。在 PyCharm 选中 uiDemo3.ui 文件，点击鼠标右键唤出下拉菜单，选择：ExternalTools -> PyUIC，点击鼠标左键运行 PyUIC 将选中的 .ui 文件转换为 .py 文件，在该路径生成 uiDemo3.py 文件。

# GUIdemo3.py
# Demo3 of GUI by PyQt5
# Copyright 2023 youcans, XUPT
# Crated：2023-01-28

from PyQt5.QtWidgets import QApplication, QMainWindow
import sys
import uiDemo2  # 导入图像界面设计文件

if __name__ == '__main__':
    app = QApplication(sys.argv)  # 创建应用程序对象
    MainWindow = QMainWindow()  # 创建主窗口
    ui = uiDemo2.Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()  # 显示主窗口
    sys.exit(app.exec_())  # 在主线程中退出

在主程序 GUIdemo3.py 中，我们通过 “import uiDemo2” 导入了图形界面 uiDemo2.py。

运行程序 GUIdemo3，弹出的图形界面与 3.3 中的预览效果是一致的，只是添加图标后的动作对象 “打开”、“保存”、“关闭” 在工具栏已经显示为图标。

在这里插入图片描述

在例程 GUIdemo3.py 中，我们在主程序中创建主窗口后，直接调用 UI 中的 Ui_MainWindow()。这是面向过程的程序设计方法。

随着项目的不断深入，需要处理更加丰富的图形界面和实现更加复杂的软件功能，程序的规模越来越大，程序的结构越来越复杂，面向过程的程序设计无法满足 GUI 交互产品的需求。

5.2 面向对象的程序设计

面向对象的程序设计使程序的结构更加清晰，从而易于阅读、理解、开发和维护，非常适合开发大规模、多任务的图形界面应用软件。PyQt5 中的类、对象、控件和方法，都是面向对象的程序设计的概念。因此，从本文开始我们采用面向对象的程序设计方法，来编写图形界面的主程序。

例程 GUIdemo3b.py 如下：

# GUIdemo3b.py
# Demo3b of GUI by PyQt5
# Copyright 2023 youcans, XUPT
# Crated：2023-01-28

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow
from uiDemo2 import Ui_MainWindow  # 导入 uiDemo2.py 中的 Ui_MainWindow 界面类

class MyMainWindow(QMainWindow, Ui_MainWindow):  # 继承 QMainWindow 类和 Ui_MainWindow 界面类
    def __init__(self, parent=None):
        super(MyMainWindow, self).__init__(parent)  # 初始化父类
        self.setupUi(self)  # 继承 Ui_MainWindow 界面类

if __name__ == '__main__':
    app = QApplication(sys.argv)  # 在 QApplication 方法中使用，创建应用程序对象
    myWin = MyMainWindow()  # 实例化 MyMainWindow 类，创建主窗口
    myWin.show()  # 在桌面显示控件 myWin
    sys.exit(app.exec_())  # 结束进程，退出程序