PyQt5简易入门指南02，简单图片显示程序

一个简单的例子

以下是一个用pyqt5写成的简单图片显示程序。

该图片显示程序由一个QLabel和QPushButton组成，当单击按钮时，会弹出一个文件选择对话框，让用户选择合适的图片文件。在用户按下确定后程序会将用户所选择的图片进行显示。

启动脚本

main.py依然作为这个程序的启动脚本。

import sysfrom PyQt5.QtWidgets import QApplicationfrom dumbDialog import DumbDialog   

以上代码导入必要的pyqt5类，完成脚本的启动。其中，我们对上一节例子中的DumbDialog进行了一些小小的修改。不再将它写在main.py里，而是单独写在一个名为dumbdialog.py的脚本文件里，之后再通过上述代码对该类进行导入。接下来的代码：

if __name__ == "__main__":          app = QApplication(sys.argv)    #创建QApplication类的实例    dia = DumbDialog()              #创建DumbDialog类的实例    dia.show()                      #显示程序主窗口    app.exec_()                     #开启事件主循环

如果是曾经学过Qt的同学，会不会觉得以上的代码看着非常的熟悉。没错，pyqt和c++的Qt除了细节上有一点不同之外，其它的套路都是差不多的。大部分类的属性和方法都没有作任何的改变。除了几个关键的地方之外，其它部分完全是可以参考Qt的c++文档完成的。

程序的主窗口

dumbDialog.py中的DumbDialog类作为程序的主窗口，由一个QLabel负责显示信息和图片以及一个QPushButton负责弹出文件对话框，并在用户选择合适图片后通过QLabel进行显示。
首先是类的定义：

class DumbDialog(QDialog):

括号中的QDialog类表示这个类是继承于QDialog的，这个是python面向对象的一个基础知识，不懂的同学可以去查阅相关的资料，个人认为这个还是比较简单的，这里就不再赘述。
然后是这个类的构造函数：

def __init__(self,  parent = None):         super(DumbDialog,  self).__init__(parent)        self._title = "image_loader" #设置类实例成员_title,它的值为字符串的"image_laoder"        self._diawidth = 300 #设置实例成员_diawidth,它的值为300        self._diaheight = 450         self.setWindowTitle(self._title) #设置窗口标题        self.setMinimumHeight(self._diaheight) #设置窗口最小的大小        self.setMinimumWidth(self._diawidth)        self.imageView = QLabel("add a image file") #得到一个QLabel的实例，并将它保存在成员imageView里，负责显示消息以及图片        self.imageView.setAlignment(Qt.AlignCenter) #设置QLabel居中显示        self.btn_open = QPushButton("open") #实例化一个名为"open"的按钮，并将它保存在类成员btn_open中，负责去得到图片的路径，并在QLabel中显示        self.btn_open.clicked.connect(self.on_btn_open_clicked) #pyqt5中信号与槽的连接        self.vlayout = QVBoxLayout()        self.vlayout.addWidget(self.imageView)        self.vlayout.addWidget(self.btn_open)        self.setLayout(self.vlayout)

我们可以看到构造函数中，与信号和槽连接相关的代码为：

self.widget_name.signal_name.connect(self.slot_name)

而以上的代码在pyqt4中是通过以下的方式进行表示的：

self.connect(self.widget_name, SIGNAL("signal_name(args)"), self.slot_name)

如果同学们以前学过c++版本的Qt，可以很容易的发现，在pyqt4中的信号与槽的连接与在c++中信号与槽的连接最为相似，但是比起pyqt5中的新方法这种方法就略显麻烦，冗杂了。

槽函数

在pyqt5中，槽函数数一般是通过python装饰器@pyqtSlot(typename)进行修饰的。譬如，例子中槽函数表示为：

@pyqtSlot(bool)def on_btn_open_clicked(self, checked):    self.filename = QFileDialog.getOpenFileName(self, "OpenFile", ".",             "Image Files(*.jpg *.jpeg *.png)")[0]        if len(self.filename):            self.image = QImage(self.filename)            self.imageView.setPixmap(QPixmap.fromImage(self.image))            self.resize(self.image.width(), self.image.height())

通过查阅Qt文档我们可以知道，clicked这个信号是带一个bool的参数的，因此我们需要在装饰器pyqtSlot里进行声明，即bool。之后，上述槽函数的第二个参数”checked”，即为这个bool参数的具体值。对于python装饰器还不是很理解的同学可以去查阅相关资料，这个个人认为还是比较麻烦不好懂的。同学们可以多花费一点时间在这个上面。
这个槽函数要做的工作非常简单，在用户按下按钮后先弹出一个文件对话框，用户选择图片文件后就把文件名存储在self.filename里。之后通过这个具体的文件路径创建一个QImage的实例目的是为了为使用QPixmap.fromImage方法做准备。之后通过这个静态方法产生一个QPixmap的实例，之后就可以通过QLabel的setPixmap设置图片了。整个过程还是非常简单易懂的。如果对上述的过程还有疑问，可以查阅Qt的相关文档。

总结

至此，这个简单的例子就分析完毕了。同学们可以在https://git.oschina.net/linuxlike/PyQtJianYiRuMenZhiNan上下载项目的源代码进行分析学习。
(本篇文章是我个人分析总结的结果，难免存在不足和错误的地方，如果大家看到，还请就相关的问题提出意见，进行交流。)