文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

PyQt5简单读取以及显示图片的应用实例

2023-05-20 05:41

关注

前言

本文为PyQt5入门教程,具体为以下四步骤

一、程序界面简单设计

二、通过下拉列表框读取读取指定路径的图片

三、通过读取到的图片显示在界面上

四、退出事件

最终效果如下:

 一、程序界面简单设计

程序初始构成如下

#利用PyQt建立界面必须使用QApplication,代表整个应用程序,是整个Qt的命脉,主要负责应用程序的初始化和结束
import sys  #引用sys库
from PyQt5 import QtWidgets #引用PyQt5库里QtWidgets类
from PyQt5.QtWidgets import *   #导入PyQt5.QtWidgets里所有的方法
from PyQt5.QtGui import *    #导入PyQt5.QtGui里所有的方法
import os    #引用os库
class Qt_Window(QWidget):   #定义一个类,继承于QWidget
    def __init__(self): #构建方法
        self._app = QtWidgets.QApplication([])  #创建QApplication示例
        super(Qt_Window,self).__init__()    #固定格式
    def init_ui(self):  #定义方法,在该方法里构建界面组件
        self.win = QMainWindow()
        self.win.showFullScreen()   #窗口全屏显示,不带栏和边框
        sys.exit(self._app.exec_()) #sys.exit()退出程序机制 app.exec_()的作用是运行主循环,开始进行事件处理,直到结束
s = Qt_Window() #调用对象和方法
s.init_ui() #调用对象和方法

在 init_ui内开始界面布局(注:分辨率为1920 × 1080) 

def init_ui(self):
        self.win = QMainWindow()
 
        #定义组件
        self.comboBox = QComboBox(self.win)    #下拉列表框
        self.number_lable = QLabel(self.win)    #标签
        self.open_Button = QPushButton(self.win)    #退出按钮
        self.detect_image = QLabel(self.win)    #图片(目前为标签控件,需要后续将其转换为图片控件)
        
        #设置控件
        self.comboBox.resize(200,50)
        self.comboBox.move(600,800)
 
        self.open_Button.resize(200,50)
        self.open_Button.move(1000,800)
        self.open_Button.setText("退出")
 
        self.detect_image.resize(700,550)
        self.detect_image.move(550,100)
 
        self.number_lable.resize(200,50)
        self.number_lable.move(900,700)
        
        #resize为设置大小,move为设置x与y坐标,setText为设置控件文本内容
      
        self.win.showFullScreen()
        sys.exit(self._app.exec_())

结果应为

 注:此时的退出按钮没有效果,可自行退出界面

当前布局代码:

import sys
from PyQt5 import QtWidgets
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
import os
class Qt_Window(QWidget):
    def __init__(self):
        self._app = QtWidgets.QApplication([])
        super(Qt_Window,self).__init__()
 
    def init_ui(self):
        self.win = QMainWindow()
 
        self.comboBox = QComboBox(self.win)
        self.number_lable = QLabel(self.win)
        self.open_Button = QPushButton(self.win)
        self.detect_image = QLabel(self.win)
        
        self.comboBox.resize(200,50)
        self.comboBox.move(600,800)
 
        self.open_Button.resize(200,50)
        self.open_Button.move(1000,800)
        self.open_Button.setText("退出")
 
        self.detect_image.resize(700,550)
        self.detect_image.move(550,100)
 
        self.number_lable.resize(200,50)
        self.number_lable.move(900,700)
   
        self.win.showFullScreen()
        sys.exit(self._app.exec_())
 
s = Qt_Window()
s.init_ui()

二、通过下拉列表框读取指定路径上的图片

1.设置路径

一般情况下最好设置为绝对路径,在init_ui内输入以下:

self.path = ("C:\\123\\picture\\")

设置路径的时候一定要注意要输入“\\”而非单个“\”,单个“\”将会对“\”后的第一个字母进行转义! 

2.将读取到的图片名称添加到下拉列表框内

使用os.listdir()指令,将文件夹内的所有文件读取出来

        self.img_list = os.listdir(self.path)

此时可以尝试输出一下这个self.img_list

 (文件夹内) 

(输出结果)

可以看出结果是符合的,并且返回出来的结果为列表,倘若要将此结果添加到下拉列表框内,那么应该使用for ... in ... 循环将数据代入

        self.comboBox.addItems([self.img_list[i] for i in range(len(self.img_list))])

以上代码的意思为:将self.img_list这个列表内的数据以此添加到下拉列表框内。

self.comboBox.addItems()为添加多个列表

for i in range(len(self.img_list))先通过len算出self.img_list的长度为3,再利用range将其转换为0-3的区间,然后将0-3的数字以此代入i后,再将self.img_list[i]里的数据以此添加到里面。

如:self.img_list[0]为天空.jpg;self.img_list[1]为海洋.jpg

注意:range()输出的是一串连续的数据,而len()输出的是单个数据,所以当放入循环操作时,range()会进行多次循环,而len()只会进行一次循环!

此时打开串口可以看到下拉列表框内已添加了路径内所有的图片

3.将读取到的图片展示到界面上

我们需要实时监测下拉列表框选择了哪个图片,此时我们可以自行定义一个选择列表事件

    def show_img(self):
        img = self.comboBox.currentText()
        pix = QPixmap(self.path + "\\" +img)    #需额外添加"\\"否则输出为C:\123\picture093056.jpg
        self.detect_image.setPixmap(pix)
        self.detect_image.setScaledContents(True)
        self.number_lable.setText(img)

首先通过currentText()函数获取到当前下拉列表框内的文字(图片名称),再将所获取到的图片名称再加上路径,就可以利用QPixmap来展示出来。将pix变成你选择的图片,再利用setPixmap函数将界面上的detect_image控件从标签转换成图片。

由于图片的分辨率不为统一,所以可以加上setScaledContents(True)这个函数将其设置为自适应大小(之前设置界面时所设置的控件大小)

self.number_lable.setText(img)是将读取到的图片名称输出到界面上

此时还只是定义了这个事件,我们需要将这个事件和下拉列表框进行绑定,在init_ui下输入以下代码

        self.comboBox.activated.connect(self.show_img)

此时打开界面并选择图片可以看到以下结果

 如果想将海洋.jpg更改为海洋,可以在选择列表事件内将设置标签文本的代码修改为以下

        lable = img.split(".")[0]
        self.number_lable.setText(lable)

通过split(“.”)指令将海洋.jpg中以“.”为分隔符输出(海洋,jpg)列表,并通过在后方添加[0],表示仅输出第一个也就是仅输出为“海洋”

此时再打开界面可看见

四、退出事件

1.定义一个退出事件

自定义退出事件

    def exit(self): #定义关闭事件
        while True:
            sys.exit(0) #sys.exit(0)为正常退出  sys.exit(1)为异常退出

 再将退出按钮控件和退出事件进行绑定

        self.open_Button.clicked.connect(self.exit)

此时打开界面点击退出按钮即可正常退出了 

总结

完整代码如下

import sys
from PyQt5 import QtWidgets
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
import os
class Qt_Window(QWidget):
    def __init__(self):
        self._app = QtWidgets.QApplication([])
        super(Qt_Window,self).__init__()
 
    def init_ui(self):
        self.win = QMainWindow()
 
        self.comboBox = QComboBox(self.win)
        self.number_lable = QLabel(self.win)
        self.open_Button = QPushButton(self.win)
        self.detect_image = QLabel(self.win)
 
        #设置路径
        self.path = ("C:\\123\\picture\\")
        
        self.comboBox.resize(200,50)
        self.comboBox.move(600,800)
        self.img_list = os.listdir(self.path)
        self.comboBox.addItems([self.img_list[i] for i in range(len(self.img_list))])
        self.comboBox.activated.connect(self.show_img)
 
 
        self.open_Button.resize(200,50)
        self.open_Button.move(1000,800)
        self.open_Button.setText("退出")
        self.open_Button.clicked.connect(self.exit)
 
        self.detect_image.resize(700,550)
        self.detect_image.move(550,100)
 
        self.number_lable.resize(200,50)
        self.number_lable.move(900,700)
        
      
        self.win.showFullScreen()
        sys.exit(self._app.exec_())
 
    def show_img(self):
        img = self.comboBox.currentText()
        pix = QPixmap(self.path + "\\" +img)
        self.detect_image.setPixmap(pix)
        self.detect_image.setScaledContents(True)
        lable = img.split(".")[0]
        self.number_lable.setText(lable)
 
    def exit(self):
        while True:
            sys.exit(0)
 
s = Qt_Window()
s.init_ui()

以上便是本人的制作过程,如遇问题或者文章有错误可私信或者评论 

到此这篇关于PyQt5简单读取以及显示图片的文章就介绍到这了,更多相关PyQt5读取及显示图片内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯