Python 如何在QtDesigner生成的代码中将qgraphicscene链接到QGraphicsView

我想在窗口中使用

QGraphicsView

显示图像。我有一个基本的

QGraphicsView

和一个从

QtDesigner

工具生成的基于按钮的

test.ui

文件。对应的

test.py

文件：

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'test.ui'
#
# Created by: PyQt5 UI code generator 5.9.2
#
# WARNING! All changes made in this file will be lost!

from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(640, 480)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.verticalLayout = QtWidgets.QVBoxLayout(self.centralwidget)
        self.verticalLayout.setObjectName("verticalLayout")
        self.graphicsView = QtWidgets.QGraphicsView(self.centralwidget)
        self.graphicsView.setVerticalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOn)
        self.graphicsView.setHorizontalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOn)
        self.graphicsView.setObjectName("graphicsView")
        self.verticalLayout.addWidget(self.graphicsView)
        self.pushButton = QtWidgets.QPushButton(self.centralwidget)
        self.pushButton.setObjectName("pushButton")
        self.verticalLayout.addWidget(self.pushButton)
        MainWindow.setCentralWidget(self.centralwidget)
        self.menubar = QtWidgets.QMenuBar(MainWindow)
        self.menubar.setGeometry(QtCore.QRect(0, 0, 640, 26))
        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.pushButton.setText(_translate("MainWindow", "PushButton"))


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_())

我使用

qgraphicscene

在

QGraphicsView

中显示图像。我当前的工作解决方案是将上述.py文件弄乱，如下所示：

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'test.ui'
#
# Created by: PyQt5 UI code generator 5.9.2
#
# WARNING! All changes made in this file will be lost!

from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(640, 480)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.verticalLayout = QtWidgets.QVBoxLayout(self.centralwidget)
        self.verticalLayout.setObjectName("verticalLayout")
        self.scene = QtWidgets.QGraphicsScene(self.centralwidget) #added 
        self.graphicsView = QtWidgets.QGraphicsView(self.scene) #edited
        self.graphicsView.setVerticalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOn)
        self.graphicsView.setHorizontalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOn)
        self.graphicsView.setObjectName("graphicsView")
        self.verticalLayout.addWidget(self.graphicsView)
        self.pushButton = QtWidgets.QPushButton(self.centralwidget)
        self.pushButton.setObjectName("pushButton")
        self.verticalLayout.addWidget(self.pushButton)
        MainWindow.setCentralWidget(self.centralwidget)
        self.menubar = QtWidgets.QMenuBar(MainWindow)
        self.menubar.setGeometry(QtCore.QRect(0, 0, 640, 26))
        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.pushButton.setText(_translate("MainWindow", "PushButton"))
        
        self.pushButton.clicked.connect(self.display)
        
    
    def display(self):
        import imageio, numpy
        self.scene.clear()
        input_image = imageio.imread('image.jpg').copy()
        height, width, channels = input_image.shape
        bytesPerLine = channels * width        
        qimg = QtGui.QImage(input_image, width, height, bytesPerLine, QtGui.QImage.Format_RGB888)
        self.pixmap = QtGui.QPixmap.fromImage(qimg)        
        self.scene.addPixmap(self.pixmap) #add pixmap to scene
        self.graphicsView.scale(0.5,0.5) 
        self.scene.update()
             
               

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_())

然而，这种解决办法并不系统。我想在不编辑原始

test.ui

生成的

test.py

文件的情况下执行相同的操作

所以，我尝试了下面的代码，在我看来，这就像是对先前工作代码的系统翻译。但是，它无法在点击按钮时显示：

from PyQt5 import QtCore, QtGui, QtWidgets
from test import Ui_MainWindow


class myWindow(QtWidgets.QMainWindow, Ui_MainWindow): 
    def __init__(self, parent=None): 
        QtWidgets.QMainWindow.__init__(self, parent=parent) 
        self.setupUi(self)
        
        self.scene = QtWidgets.QGraphicsScene(self.centralwidget) #append scene method
        self.graphicsView = QtWidgets.QGraphicsView(self.scene) #graphicsView re-assigned with scene           
       
        self.pushButton.clicked.connect(self.display)    


        
    def display(self):
        import imageio, numpy
        self.scene.clear()
        input_image = imageio.imread('image.jpg').copy()
        height, width, channels = input_image.shape
        bytesPerLine = channels * width        
        qimg = QtGui.QImage(input_image, width, height, bytesPerLine, QtGui.QImage.Format_RGB888)
        self.pixmap = QtGui.QPixmap.fromImage(qimg)        
        self.scene.addPixmap(self.pixmap) #add pixmap to scene
        self.graphicsView.scale(0.5,0.5) 
        self.scene.update()       
    

if __name__ == "__main__":
    import sys
    app = QtWidgets.QApplication(sys.argv)
    w = myWindow()
    w.show()
    sys.exit(app.exec_())

由于我对类继承的理解有限，

QGraphicsView

和

qgraphicscene

，我可能把事情搞砸了。任何指向我错误的指点都会很有帮助

---

注意：我正在使用

myWindow

类将来集成一些按键功能。我认为问题更多的是如何在父类函数中选择性地追加/重新定义几行。甚至不重新编写整个

setupUi

方法也可以这样做吗？或者，还有其他更智能的方法来执行相同的任务吗？

您必须将场景设置为现有的QGraphicsView，而不是创建新的QGraphicsView：

class myWindow(QtWidgets.QMainWindow, Ui_MainWindow): 
    def __init__(self, parent=None): 
        QtWidgets.QMainWindow.__init__(self, parent) 
        self.setupUi(self)
        
        self.scene = QtWidgets.QGraphicsScene(self.centralwidget)
        self.graphicsView.setScene(self.scene)
        self.pushButton.clicked.connect(self.display)

    def display(self):
        # ...

类myWindow（QtWidgets.QMainWindow，Ui\u MainWindow）：
def uuu init uuu（self，parent=None）：
qtwidts.QMainWindow.\uuuuu init\uuuuuu（self，parent）
self.setupUi（self）
self.scene=qtwidts.qgraphicscene（self.centralwidget）
self.graphicsView.setScene（self.scene）
self.button.clicked.connect（self.display）
def显示（自）：
#…

决不能修改生成的

pyuic

文件，因此导入方法是正确的。除此之外，无需使用imageio和numpy来加载图像，因为您只需使用

QtGui.QPixmap（pathToImageFile）

。谢谢@musicamante。很好地了解了

QtGui.QPixmap（pathToImageFile）

。稍后我将不得不生成图像作为ndarray，这样可以保留numpy用于一些算术。哇！这很有道理。非常感谢@eyllanesc。