您的位置:首页 > 编程语言 > Qt开发

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

2017-07-24 18:12 387 查看

一个简单的例子

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



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



启动脚本

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

import sys
from PyQt5.QtWidgets import QApplication
from 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 File
4000
s(*.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上下载项目的源代码进行分析学习。

(本篇文章是我个人分析总结的结果,难免存在不足和错误的地方,如果大家看到,还请就相关的问题提出意见,进行交流。)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  pyqt 图片 脚本