关于PyQt5中QtGui.QImage图片显示问题解析

前言

PyQt是Python语言环境的GUI编程解决方案之一，另外还有PyGTK、wxPython等也较为常用。PyQt作为Qt语言的Python扩展，可以用来方便快速的开发界面应用。

PyQt5中的QtGui.QImage图片显示

import os.path as osp
import cv2
from qtpy import QtCore
from qtpy import QtWidgets
from qtpy import QtGui

# TracelessLe注：代码示例，不可直接执行

class MainWindow(QtWidgets.QMainWindow):
	def __init__(self):
		self.image = QtWidgets.QLabel()

    def show_img(self, img_path):
        self.image.clear()
        img_np = cv2.imread(img_path)
        width = img_np.shape[1]
        height = img_np.shape[0]
        img_rgb_data = cv2.cvtColor(img_np, cv2.COLOR_BGR2RGB)
        # label_data = QtGui.QImage(img_rgb_data.data, width, height, QtGui.QImage.Format_RGB888)  # 这种方式可能会有部分图片显示有问题
        label_data = QtGui.QImage(img_rgb_data.data, width, height, width*3, QtGui.QImage.Format_RGB888)  # 针对RGB图显示的正确方式
        self.image.setPixmap(QtGui.QPixmap.fromImage(label_data))

图片显示问题分析

如上述代码中讲到的那样，针对RGB三通道图片显示的正确方法是使用：

label_data = QtGui.QImage(img_rgb_data.data, width, height, width*3, QtGui.QImage.Format_RGB888)

进入QtGui.QImage类，可以看到其支持的图片数据格式有很多：

从QT官网也能找到支持的图像格式：

而图片初始化方法也有很多：

从使用方式来看，主要分为三大类：
（1）传入图像尺寸或长宽，以及图像格式（QImage.Format）
（2）传入图像数据，图像尺寸或长宽，以及图像格式
（3）传入图像路径，图像格式

通常对于已经使用OpenCV读取和处理过的图片，我们会使用方式（2）来初始化。

对于常用的RGB三通道图像，初始化时的图像格式一般设为QtGui.QImage.Format_RGB888。

而在使用时，正确的使用方式是：

def __init__(self, data: bytes, width: int, height: int, bytesPerLine: int, format: 'QImage.Format')

如果使用

def __init__(self, data: bytes, width: int, height: int, format: 'QImage.Format')

方法初始化，可能会遇到显示上的一些问题。例如图片斜偏显示、图片黑白条间隔显示、图片加载直接崩溃等异常。

对比两种方法，发现问题在于bytesPerLine: int参数上。该参数指定了bytes型输入数据data在数据排布上的间隔（bytesPerLine）。如果未指定，对于某些输入数据，QtGui.QImage无法正常推断出数据排列格式，则会出现上述中的显示异常问题。

版权说明

本文为原创文章，独家发布在blog.csdn.net/TracelessLe。未经个人允许不得转载。

参考资料

[1] QImage Class | Qt GUI 5.15.8
[2] What is PyQt?
[3] PYQT QTGUI.QIMAGE显示图片异常，发生斜偏异常，且黑白显色_lockhou的博客-CSDN博客
[4] QImage.Format
[5] QImage
[6] QImage与cv::Mat转换； - 时光旅者 - 博客园
[7]基于PyQt Canvas Matplotlib图形绘制_battlestar的博客-CSDN博客_figurecanvas

到此这篇关于PyQt5中的QtGui.QImage图片显示问题分析的文章就介绍到这了,更多相关PyQt5 QtGui.QImage图片显示内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • python GUI库图形界面开发之PyQt5图片显示控件QPixmap详细使用方法与实例

    PyQt5图片显示控件QPixmap介绍 QPixmap类用于绘图设备的图像显示,它可以作为一个QPainterDevice对象,也可以加载到一个控件中,通常是标签或者按钮,用于在标签或按钮上显示图像 QPixmap可以读取的图像文件类型有BMP,GIF,JPG等 QPixmap类中常用的方法 方法 描述 copy() 从QRect对象复制到QPixmap对象 fromImage() 将QImage对象转换为QPixmap对象 grabWidget() 从给定的一个窗口小控件创建一个像素图 gr

  • PyQt5 显示超清高分辨率图片的方法

    PyQt5 显示超清高分辨率图片的方法

    昨天写程序遇到一个问题,pyqt5 加载常规的图片完全可以显示.可当加载超清的高分辨率图片时,只能显示一个小角落.可我就想把一张 3840x2160 的图片加载到一个 800x600 的标签里该怎么办呢?如何自适应放缩尺寸,国内社区众所周知大多是抄袭,没什么解决方案:外网站搜了一下也没找到现成的解决方案,我知道又到了我开坑的时候了. 常规加载 先来看一下,如何借助 QLabel 和 QFileDialog 加载低分辨率的图片,这时候时能正常显示的. import sys from PyQt5.Q

  • PyQt5实现多张图片显示并滚动

    PyQt5实现多张图片显示并滚动

    最近要做个网页图片批量下载工具,然后需要一个页面显示网页上的所有图片供用户勾选,再根据勾选的内容来下载指定图片,其中就涉及到要到同时显示多张图片. 单页面显示多张图片 习惯性的用GridLayout但是发现怎么长时间解决都无法实现滚动,这样就会强制压缩图片大小,导致图片较多时显示的图片太小,不是我想要的,后面网上借鉴了一下用了ScrollArea实现了 代码如下: import sys import requests from PyQt5.QtWidgets import (QWidget, Q

  • pyqt5 使用cv2 显示图片,摄像头的实例

    如下所示: #! /usr/bin/python3 # coding = utf-8 # from PyQt5 import QtGui,QtCore,Qt import sys from PyQt5.QtCore import Qt,pyqtSignal,QSize,QRect,QMetaObject, QCoreApplication, pyqtSlot,QPropertyAnimation,QThread from PyQt5.QtGui import QIcon, QFont, QPix

  • 关于PyQt5中QtGui.QImage图片显示问题解析

    关于PyQt5中QtGui.QImage图片显示问题解析

    前言 PyQt是Python语言环境的GUI编程解决方案之一,另外还有PyGTK.wxPython等也较为常用.PyQt作为Qt语言的Python扩展,可以用来方便快速的开发界面应用. PyQt5中的QtGui.QImage图片显示 import os.path as osp import cv2 from qtpy import QtCore from qtpy import QtWidgets from qtpy import QtGui # TracelessLe注:代码示例,不可直接执行

  • fancybox1.3.1 基于Jquery的插件在IE中图片显示问题

    主要特色有: 显示HTML,swf,Iframe,ajax请求 支持鼠标滚动显示图片 支持阴影,放大效果 自定义CSS与增加导航按钮 官方有提供比较详细的API,与及How to Use .这里我们不介如何使用了,您可以参看官方网站.下面我们看一段示例代码: 复制代码 代码如下: var selectedid = $("select[name$=DdlSearchProfile]").val(); var selectedtxt = $("select[name$=DdlSe

  • pyqt5 从本地选择图片 并显示在label上的实例

    1.主要用到 QFileDialog 方法打开本地文件 2.界面 打开前: 打开后: 3. 代码 import sys from PyQt5 import QtWidgets, QtCore, QtGui from PyQt5.QtGui import * from PyQt5.QtWidgets import * from PyQt5.QtCore import * class picture(QWidget): def __init__(self): super(picture, self)

  • pyqt5 实现工具栏文字图片同时显示

    如下所示: import sys from PyQt5.QtWidgets import QMainWindow, QTextEdit, QAction, QApplication from PyQt5.QtGui import QIcon from PyQt5.QtCore import Qt class Example(QMainWindow): def __init__(self): super().__init__() self.initUI() def initUI(self): te

  • 详解PyQt5中textBrowser显示print语句输出的简单方法

    开发python程序处理大数据量的时候,少不了使用print语句看看输出结果:长时间处理数据时用print输出处理进展情况.使用PyQt5开发了UI界面后,本能地想让已自己调试好的py代码中的print输出到UI的textBrowser中显示出来.在CSDN上查了不少结果,一般都是使用多线程.我对多线程研究不多,就采用了变通办法,效果还挺好. 在Ui界面程序(Ui_startaml.py)中设置textBrowser用于显示程序输出信息,并自己定义代码(def printf ),以后将.py程序

  • 解决Spyder中图片显示太小的问题

    最近在做机器学习的作业,需要画决策树.在Spyder中把代码跑了一遍,发现决策树出现在了Spyder的console中,而且图片很小,那些字体都叠在一起.网上搜了一圈好像也没找到解决方案. 但不要紧啊,Anaconda中不是还有Ipython和Jupyter Notebook吗.这两个都可以弹出窗口显示图片.cd到相应路径,在这两个中跑一下之前保存过的python代码就可以了. run XXX.py 以上这篇解决Spyder中图片显示太小的问题就是小编分享给大家的全部内容了,希望能给大家一个参考

  • 彻底搞懂并解决vue-cli4中图片显示的问题实现

    在基于 vue-cli 实际开发过程中,很多小伙伴都会遇到关于图片显示的困扰,不管怎么设置,图片就是显示不出来,今天我们来详细说说这个问题. 图片无法显示,绝大部门的情况是图片路径问题,要搞懂路径问题,分别有相对路径与绝对路径 实际开发中使用图片最多的场景有以下三种: 1.手动引入 <template> <img :src="imgurl" /> </template> <script> import logo from '../img/

  • 深入了解PyQt5中的图形视图框架

    深入了解PyQt5中的图形视图框架

    目录 1.QGraphicsItem图元类 2.QGraphicsScene场景类 3.QGraphicsView视图类 4.图形视图的坐标体系 5.小结 在之前的章节中,笔者一般使用QLabel控件来显示图片.但是,如果要使用很多图片怎么办?难道要实例化很多个QLabel控件来一一显示?那如何管理呢?当然,我们不可能会用QLabel控件来做这样的事,否则会非常麻烦和混乱.PyQt5中的图形视图可以让我们管理大量的自定义2D图元并与之交互.该框架使用BSP(Binary Space Partit

  • 利用PyQt5中QLabel组件实现亚克力磨砂效果

    利用PyQt5中QLabel组件实现亚克力磨砂效果

    目录 前言 实现方法 高斯模糊 亚克力纹理 亚克力标签 测试 前言 Windows10 在 UWP 应用中支持亚克力画刷,可以在部件的底部绘制亚克力效果的背景图.下面我们使用 QLabel 来模拟这个磨砂过程. 实现方法 MSDN 文档中介绍了亚克力材料的配方,包括:高斯模糊.亮度混合.色调混合和噪声纹理. 高斯模糊 我们先来实现高斯模糊的效果,使用 scipy 可以很轻松的实现这个过程: # coding:utf-8 import numpy as np from PIL import Ima

随机推荐