QGraphicsView 显示图片

最新推荐文章于 2026-04-02 09:10:52 发布

原创

最新推荐文章于 2026-04-02 09:10:52 发布 · 7.8k 阅读

标签

#python #javascript #ui

本文介绍了如何在PyQt6环境中利用QGraphicsView、QGraphicsScene和QtGui.QPixmap显示图片，包括设置图片尺寸、位置以及显示多张图片的方法。

QGraphicsView 显示图片

QGraphicsView 是 PyQt6 里负责显示图形的组件，搭配 QGraphicsScene 和 QtGui.QPixmap() 就可以显示图片，这篇教学会介绍如何在 PyQt6 窗口里加入 QGraphicsView 组件并显示图片。

快速预览：

QGraphicsView 显示图片

改变图片尺寸

设定图片位置

显示多张图片

QGraphicsView 显示图片

建立 PyQt6 窗口物件后，透过 QtWidgets.QGraphicsView(widget)方法，就能在指定的组件中建立显示图形组件，QGraphicsView 建立后，需再使用 QtWidgets.QGraphicsScene()建立场景组件，再透过QtGui.QPixmap()于场景中加入图片，最后将场景加入 QGraphicsView 就可以显示图片，如果场景大小超过显示区域，会自动出现卷轴。

 from PyQt6 import QtWidgets, QtGui
 import sys
 app = QtWidgets.QApplication(sys.argv)
 
 Form = QtWidgets.QWidget()
 Form.setWindowTitle('千牛编程思维')
 Form.resize(300, 300)
 
 grview = QtWidgets.QGraphicsView(Form)  # 加入 QGraphicsView
 grview.setGeometry(20, 20, 260, 200)    # 设定 QGraphicsView 位置与大小
 scene = QtWidgets.QGraphicsScene()      # 加入 QGraphicsScene
 scene.setSceneRect(0, 0, 300, 400)      # 设定 QGraphicsScene 位置与大小
 img = QtGui.QPixmap('mona.jpg')         # 加入图片
 scene.addPixmap(img)                    # 將图片加入 scene
 grview.setScene(scene)                  # 设定 QGraphicsView 的场景為 scene
 
 Form.show()
 sys.exit(app.exec())

class 写法：

 from PyQt6 import QtWidgets, QtGui
 import sys
 
 class MyWidget(QtWidgets.QWidget):
     def __init__(self):
         super().__init__()
         self.setWindowTitle('千牛编程思维')
         self.resize(300, 300)
         self.ui()
 
     def ui(self):
         self.grview = QtWidgets.QGraphicsView(self)  # 加入 QGraphicsView
         self.grview.setGeometry(20, 20, 260, 200)    # 设定 QGraphicsView 位置与大小
         scene = QtWidgets.QGraphicsScene()           # 加入 QGraphicsScene
         scene.setSceneRect(0, 0, 300, 400)           # 设定 QGraphicsScene 位置与大小
         img = QtGui.QPixmap('mona.jpg')              # 加入图片
         scene.addPixmap(img)         &nb

最低0.47元/天解锁文章