快捷導(dǎo)航

PyQt5 顯示超清高分辨率圖片的方法

更新時間：2021年04月10日 16:27:54 作者：muyuuuu

這篇文章主要介紹了PyQt5 顯示超清高分辨率圖片的方法，幫助大家更好的理解和阿學(xué)習(xí)使用pyqt5，感興趣的朋友可以了解下

昨天寫程序遇到一個問題，pyqt5 加載常規(guī)的圖片完全可以顯示。可當(dāng)加載超清的高分辨率圖片時，只能顯示一個小角落。可我就想把一張 3840x2160 的圖片加載到一個 800x600 的標(biāo)簽里該怎么辦呢？如何自適應(yīng)放縮尺寸，國內(nèi)社區(qū)眾所周知大多是抄襲，沒什么解決方案；外網(wǎng)站搜了一下也沒找到現(xiàn)成的解決方案，我知道又到了我開坑的時候了。

常規(guī)加載

先來看一下，如何借助 QLabel 和 QFileDialog 加載低分辨率的圖片，這時候時能正常顯示的。

import sys
from PyQt5.QtWidgets import (QMainWindow, QWidget, QHBoxLayout, QApplication, 
                             QPushButton, QLabel, QFileDialog, QVBoxLayout, 
                             QLineEdit)
from PyQt5.QtGui import QPixmap


class mainwindow(QMainWindow):
    def __init__(self):
        super(mainwindow, self).__init__()

        layout = QVBoxLayout()
        w = QWidget()
        w.setLayout(layout)
        self.setCentralWidget(w)

        self.image_label = QLabel()
        self.image_label.setFixedSize(800, 500)
        layout.addWidget(self.image_label)

        tmp_layout = QHBoxLayout()
        btn = QPushButton("選擇圖片路徑")
        tmp_layout.addWidget(btn)
        btn.clicked.connect(self.load_image)

        self.result = QLineEdit()
        self.result.setPlaceholderText("車牌展示")
        self.result.setReadOnly(True)
        tmp_layout.addWidget(self.result)
        layout.addLayout(tmp_layout)

    def load_image(self):
        fname, _ = QFileDialog.getOpenFileName(self, 'Open File', 
                    'C://', "Image files (*.jpg *.png)")
        if fname is not None:
            pixmap = QPixmap(fname)
            self.image_label.setPixmap(pixmap)

if __name__ == '__main__':
    app = QApplication([])
    m = mainwindow()
    m.show()
    sys.exit(app.exec())

上述代碼中，點擊『選擇圖片路徑』按鈕就會調(diào)用文件對話框，選擇圖片后就會打開。步驟為：

第一步，QFileDialog 選擇文件路徑
第二步，將文件路徑傳入 QPixmap 類，通過重載構(gòu)造一個對象，文檔原話：Constructs a pixmap from the file with the given fileName. If the file does not exist or is of an unknown format, the pixmap becomes a null pixmap.
第三步，將 QPixmap 對象傳給標(biāo)簽的 setPixmap 方法，就完成了圖片的顯示。

對于低分辨率圖片，加載是沒問題的：

但高分辨率的圖片，只能顯示一個角落，也就是藍(lán)色框那一部分：

如何解決呢？既然國內(nèi)外都沒有現(xiàn)成的解決方案，只能掏出萬能的官方文檔了。

QImageReader 類

需要注意的是官方文檔的語言是 C++，還好我會C++。打開文檔，映入眼簾的就四句話：

QImageReader reader("large.jpeg"); 讀取圖片
reader.size(); 圖片尺寸
reader.setClipRect(myRect); 圖片裁剪
reader.setScaledSize(mySize); 設(shè)置圖片尺寸，文檔原話：Another common function is to show a smaller version of the image. Loading a very large image and then scaling it down to the approriate size can be a very memory consuming operation. By calling the QImageReader::setScaledSize function, you can set the size that you want your resulting image to be.

剩下的任務(wù)就很簡單了，讀圖片，設(shè)置尺寸，顯示。

import sys, time
from PyQt5.QtWidgets import (QMainWindow, QWidget, QHBoxLayout, QApplication, 
                             QPushButton, QLabel, QFileDialog, QVBoxLayout, 
                             QLineEdit)
from PyQt5.QtGui import QPixmap, QFont
from PyQt5.Qt import QSize, QImageReader
import qdarkstyle


class mainwindow(QMainWindow):
    def __init__(self):
        super(mainwindow, self).__init__()

        layout = QVBoxLayout()
        w = QWidget()
        w.setLayout(layout)
        self.setCentralWidget(w)

        self.image_label = QLabel()
        self.image_label.setFixedSize(800, 500)
        layout.addWidget(self.image_label)

        tmp_layout = QHBoxLayout()
        btn = QPushButton("選擇圖片路徑")
        tmp_layout.addWidget(btn)
        btn.clicked.connect(self.load_image)

        self.result = QLineEdit()
        self.result.setPlaceholderText("車牌展示")
        self.result.setReadOnly(True)
        tmp_layout.addWidget(self.result)
        layout.addLayout(tmp_layout)

        self.setStyleSheet(qdarkstyle.load_stylesheet_pyqt5())

    def load_image(self):
        fname, _ = QFileDialog.getOpenFileName(self, 'Open File', 
                   'C://', "Image files (*.jpg *.png)")
        if fname is not None:
            # 還需要對圖片進(jìn)行重新調(diào)整大小
            img = QImageReader(fname)
            scale = 800 / img.size().width()
            height = int(img.size().height() * scale)
            img.setScaledSize(QSize(800, height))
            img = img.read()
            # 打開設(shè)置好的圖片
            pixmap = QPixmap(img)
            self.image_label.setPixmap(pixmap)
            self.result.setText("車牌號放到這里")


if __name__ == '__main__':
    app = QApplication([])
    font = QFont()
    font.setFamily("SimHei")
    font.setPointSize(14)
    app.setFont(font)
    m = mainwindow()
    m.show()
    sys.exit(app.exec())

考慮到可能會加載超清圖像，為了方便對圖片進(jìn)行控制，不要采用 QImage 或 QPixmap，而是使用 QImageReader

代碼解析：