不一致的标签，Pixmap在水平布局内调整行为，同时保持图像的纵横比

Question

我正在尝试使用PyQt5创建一个图像编辑器。

我对QLabel进行了分类，创建了一个通过setPixmap显示图像的标签。该类确保无论何时调整标签大小，图像都保持纵横比。

我将其中2个标签放在水平布局中，并将其像素图设置为2个图像。

一切都很好，除非窗口以某种方式调整大小。

当我开始增加窗口的宽度时，一切都很好。但是当我开始缩小它时，第一个标签开始收缩，而第二个标签保持不变。第一个标签不断缩小，直到它不再减小尺寸，迫使第二个标签缩小。

这不是我想要的。我希望两个标签保持相同的大小，同时窗口调整大小。我怎么能做到这一点？

以下是重现问题的代码的最小部分：

import sys

from PyQt5 import QtWidgets
from PyQt5.QtCore import Qt, QSize
from PyQt5.QtGui import QPixmap

class ImageLabel(QtWidgets.QLabel):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)

        self.setMinimumSize(1,1)
        self.setScaledContents(False)

        self.pixmap = QPixmap(1, 1)

    def set_image(self, image_path):
        pixmap = QPixmap(image_path)
        self.set_pixmap(pixmap)

    def set_pixmap(self, pixmap):
        self.pixmap = pixmap
        self.setPixmap(pixmap)

    def resizeEvent(self, event):
        self.setPixmap(self.scaled_pixmap())

    def scaled_pixmap(self):
        return self.pixmap.scaled(
            self.size(),
            Qt.KeepAspectRatio,
            Qt.SmoothTransformation
        )

class MainWindow(QtWidgets.QMainWindow):
    def __init__(self):
        super().__init__()
        self.setupUi()
        self.start()

    def setupUi(self):
        self.setWindowTitle('Image Editor')

        self.centralWidget = QtWidgets.QWidget()

        self.hlayout = QtWidgets.QHBoxLayout()

        self.image_1 = ImageLabel()
        self.hlayout.addWidget(self.image_1)

        self.image_2 = ImageLabel()
        self.hlayout.addWidget(self.image_2)

        self.centralWidget.setLayout(self.hlayout)
        self.setCentralWidget(self.centralWidget)

        self.resize(800, 600)

    def start(self):
        self.image_1.set_image(
            r"orig.jpg"
        )

        self.image_2.set_image(
            r"edit.jpg"
        )

app = QtWidgets.QApplication(sys.argv)
mainWindow = MainWindow()

mainWindow.show()
exitCode = app.exec_()

sys.exit(exitCode)

Answer 1

而不是使用QLabel，最简单的方法是使用带有QGraphicsPixmapItem的QGraphicsView：

import sys
from PyQt5 import QtCore, QtGui, QtWidgets

class ImageLabel(QtWidgets.QGraphicsView):
    def __init__(self, *args, **kwargs):
        super(ImageLabel, self).__init__(*args, **kwargs)
        self.setScene(QtWidgets.QGraphicsScene())
        self.setHorizontalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOff) 
        self.setVerticalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOff)

    def setImage(self, filename):
        self.setPixmap(QtGui.QPixmap(filename))

    def setPixmap(self, pixmap):
        item = QtWidgets.QGraphicsPixmapItem(pixmap)
        item.setTransformationMode(QtCore.Qt.SmoothTransformation)
        self.scene().addItem(item)

    def resizeEvent(self, event):
        r = self.scene().itemsBoundingRect()
        self.fitInView(r, QtCore.Qt.KeepAspectRatio)
        super(ImageLabel, self).resizeEvent(event)


class MainWindow(QtWidgets.QMainWindow):
    def __init__(self):
        super().__init__()
        self.setupUi()
        self.start()

    def setupUi(self):
        self.setWindowTitle('Image Editor')

        self.image_1 = ImageLabel()
        self.image_2 = ImageLabel()

        self.centralWidget = QtWidgets.QWidget()
        self.setCentralWidget(self.centralWidget)

        hlayout = QtWidgets.QHBoxLayout(self.centralWidget)
        hlayout.addWidget(self.image_1)
        hlayout.addWidget(self.image_2)

        self.resize(800, 600)

    def start(self):
        self.image_1.setImage(
            r"orig.jpg"
        )

        self.image_2.setImage(
            r"edit.jpg"
        )

if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    mainWindow = MainWindow()

    mainWindow.show()
    exitCode = app.exec_()

    sys.exit(exitCode)