如何在每个 Qlabel PyQt5 中显示两个图像 [英] How to display two images in each Qlabel PyQt5

问题描述

我是 PyQt5 的初学者，我的小项目是使用 PyQt5 Designer 创建图像预测器 GUI，通过单击 PREDICT 按钮来检测图像是否是猫.我可以通过浏览文件按钮浏览我想要预测的文件.问题是每当我选择通过浏览文件按钮添加的猫图像，然后单击预测按钮时，与预测按钮关联的图像不会出现.

Hi I'm beginner in PyQt5 and my little project is creating image predictor GUI with PyQt5 Designer to detect if an image is a cat or not by clicking on PREDICT button. I can browse which file I want to predict by Browse file button. The problem is whenever I select a cat image added by browse file button, and click on PREDICT button, image associated with the PREDICT button doesn't appear.

关于 Qlabel 的文档没有为我提供足够清晰的信息来解决这个问题.

Documentation about Qlabel doesn't provide me enough clear information to solve this problem.

这是我的代码:

from PyQt5 import QtCore, QtGui, QtWidgets
import os

class Ui_MainWindow(object):
def setupUi(self, MainWindow):
    MainWindow.setObjectName("MainWindow")
    MainWindow.resize(1600, 900)
    self.centralwidget = QtWidgets.QWidget(MainWindow)
    self.centralwidget.setObjectName("centralwidget")

    self.photo = QtWidgets.QLabel(self.centralwidget)
    self.photo.setGeometry(QtCore.QRect(10, 20, 761, 651))
    font = QtGui.QFont()
    font.setPointSize(40)
    self.photo.setFont(font)
    self.photo.setFrameShape(QtWidgets.QFrame.Panel)
    self.photo.setFrameShadow(QtWidgets.QFrame.Sunken)
    self.photo.setLineWidth(5)
    self.photo.setMidLineWidth(0)
    self.photo.setScaledContents(True)
    self.photo.setObjectName("photo")

    self.browseFile = QtWidgets.QPushButton(self.centralwidget)
    self.browseFile.setGeometry(QtCore.QRect(350, 700, 151, 31))
    font = QtGui.QFont()
    font.setPointSize(10)
    self.browseFile.setFont(font)
    self.browseFile.setObjectName("browseFile")
    self.browseFile.clicked.connect(self.browse_file)

    self.predict = QtWidgets.QPushButton(self.centralwidget)
    self.predict.setGeometry(QtCore.QRect(670, 750, 231, 61))
    font = QtGui.QFont()
    font.setPointSize(17)
    font.setBold(False)
    font.setWeight(50)
    self.predict.setFont(font)
    self.predict.setObjectName("predict")
    self.predict.clicked.connect(self.show_predict)

    self.photo2 = QtWidgets.QLabel(self.centralwidget)
    self.photo2.setGeometry(QtCore.QRect(790, 20, 791, 651))
    font = QtGui.QFont()
    font.setPointSize(40)
    self.photo2.setFont(font)
    self.photo2.setFrameShape(QtWidgets.QFrame.Panel)
    self.photo2.setFrameShadow(QtWidgets.QFrame.Sunken)
    self.photo2.setLineWidth(5)
    self.photo2.setScaledContents(True)
    self.photo2.setObjectName("photo2")

    self.lineEdit = QtWidgets.QLineEdit(self.centralwidget)
    self.lineEdit.setGeometry(QtCore.QRect(520, 700, 521, 31))
    self.lineEdit.setObjectName("lineEdit")
    MainWindow.setCentralWidget(self.centralwidget)

    self.menubar = QtWidgets.QMenuBar(MainWindow)
    self.menubar.setGeometry(QtCore.QRect(0, 0, 1600, 25))
    self.menubar.setObjectName("menubar")
    MainWindow.setMenuBar(self.menubar)

    self.statusbar = QtWidgets.QStatusBar(MainWindow)
    self.statusbar.setObjectName("statusbar")
    MainWindow.setStatusBar(self.statusbar)

    self.retranslateUi(MainWindow)
    QtCore.QMetaObject.connectSlotsByName(MainWindow)

def retranslateUi(self, MainWindow):
    _translate = QtCore.QCoreApplication.translate
    MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))
    self.photo.setText(_translate("MainWindow", "INPUT"))
    self.browseFile.setText(_translate("MainWindow", "Browse file"))
    self.predict.setText(_translate("MainWindow", "PREDICT"))
    self.photo2.setText(_translate("MainWindow", "OUTPUT"))

def browse_file(self):
    directory = QtWidgets.QFileDialog.getOpenFileName(None, "Browse File", "", "PNG (*.PNG *.png")[0]
    print(directory)
    pixmap =  QtGui.QPixmap(directory)
    self.photo.setPixmap(pixmap.scaled(self.photo.size()))
    self.lineEdit.setText('{}'.format(directory))

def _set_text(self, text):
    return text

def show_predict(self):
    self.photo2.setPixmap(QtGui.QPixmap(os.path.realpath("image/predictions.png")))  

if __name__ == "__main__":
import sys
app = QtWidgets.QApplication(sys.argv)
MainWindow = QtWidgets.QMainWindow()
ui = Ui_MainWindow()
ui.setupUi(MainWindow)
MainWindow.show()
sys.exit(app.exec_())

推荐答案

我的错误，通过使用绝对路径而不是目录内路径解决.

my mistake, solved by using absolute path instead of in-directory path.

这篇关于如何在每个 Qlabel PyQt5 中显示两个图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！