PyQt5简易入门指南03，使用资源文件和设计师

几个小小的修改

在上一章中，我通过一个简单的图片loader给同学们简单地讲解了pyqt5的信号与槽机制。在这一章中，我将对这个小程序进行一些简单的升级，通过这些修改，将告诉同学们如何在pyqt5中使用Qt设计师和Qt的资源文件。
修改后的程序增加了主窗口的图标，并且在程序主界面添加了一个“about”按钮。

当点击“about”按钮后会弹出一个对话框。

在点击对话框的“ok”按钮后，对话框关闭。

1.pyqt中的资源文件

首先在项目的根目录下新建一个名为“res”的目录用来存放程序中需要用到的资源文件。在这个简单例子中，只用到了一个名为“snow.ico”的图片文件，我们先将它拷贝到“res”的目录下。
之后在eric6环境中，我们来到资源的视图下，在鼠标右键弹出的菜单中选中”新建资源”选项，新建一个qrc资源文件，在这个例子中，将它命名为”chp3”，这将产生一个“chp3.qrc”的文件，内容如下：

<!DOCTYPE RCC>
<RCC version="1.0">
<qresource>
</qresource>
</RCC>

添加资源文件我们需要手动添加，过程很简单，在“qresource”标签中间添加如下标签即可：

<file>路径名/资源文件名</file>

在这个例子中，chp3.qrc中的内容应该是这样的：

<!DOCTYPE RCC>
<RCC version="1.0">
<qresource><file>res/snow.ico</file>
</qresource>
</RCC>

在eric6中对这个资源文件执行编译，如果没有错误，在项目中会出现一个“chp3_rc.py”的文件，在“main.py”中通过import语句对这个文件进行导入（导入一次即可，在其它地方如果也用到了相应的资源，无需再次导入）。从而就可以像Qt c++一样来使用qrc资源了。

2.使用Qt设计师

在eric6中首先找到Qt设计师窗体的视图，之后在右键的菜单中选择“新建窗体” 选项。在选择窗体的类型之后，就出现了同学们非常熟悉的Qt设计师的主界面。关于Qt设计师的使用方法，同学们可以自行网上查阅，在pyqt5中窗体的设计与Qt c++是一模一样的。在设计师中创建完窗体后保存为“.ui”后缀的文件。在这个例子中，文件名为“diaAbout.ui”。
在eric6中对这个文件进行编译，如果没有错误，在项目的目录中会出现一个以“Ui”打头的py文件，这个就是经过编译后的UI窗体，我们可以通过import语句对它进行导入。在例子中，这个文件为“Ui_diaAbout.py”。在需要用到这个模块的文件中通过以下语句进行导入：

from Ui_diaAbout import Ui_Dialog

要想使用这个窗体模块我们需要一个自定义的类。在这个例子中这个类的声明如下：

class DiaAbout(QDialog):

因为在创建窗体时选择的窗体类型为“对话框”所以这里就继承QDialog了。继承类的选取，是根据在创建窗体时选择的窗体类型来确定的。
下面再看一看这个类的构造方法：

def __init__(self, parent = None):super(DiaAbout, self).__init__(parent)self.ui = Ui_Dialog()self.ui.setupUi(self)img_icon = QIcon(":/res/snow.ico")self.ui.label.setPixmap(img_icon.pixmap(QSize(64, 64)))

最需要关注的是方法中以下两行代码：

self.ui = Ui_Dialog()  #实例化窗体类，并保存在当前实例成员ui中
self.ui.setupUi(self)  #调用窗体类实例的setupUi方法

实际上与Qt c++中类似代码起到的作用是差不多的。

3.设计师窗体中控件的响应

有了成员ui，我们就可以非常轻易地获取到控件在当前窗体中的实例了。
在这个例子中，如果我们要获取到QPushButton的实例，可以通过以下代码：

self.btn_ok = self.ui.pushButton

如果要响应窗体中相关控件的一些信号，我们又该怎么做呢？其实非常地简单，套路与Qt c++是差不多的。因为在窗体模块中会调用“QtCore.QMetaObject.connectSlotsByName”方法对控件的信号与槽进行自动连接，因此如果不想使用connect进行连接，那么我们就可以通过以下的格式来定义槽函数了。

@pyqtSlot(信号参数)
def on_控件名_信号名(self, 信号参数):

在这个例子中，我对按钮的“clicked”信号进行了处理，并使用了窗体默认的槽函数。

@pyqtSlot(bool)
def on_pushButton_clicked(self, checked):self.close()

这个函数要做的事情非常简单，就是当按钮按下过后就退出当前窗体。

总结

本章简单地介绍了在pyqt5中qrc资源和Qt设计师的使用方法。大部分内容还是和Qt c++中是一样的。本章的例子同样可以在https://git.oschina.net/linuxlike/PyQtJianYiRuMenZhiNan上下载到。
(本篇文章是我个人分析总结的结果，难免存在不足和错误的地方，如果大家看到，还请就相关的问题提出意见，进行交流。)