PyQt5にてQt Designerで設置したgraphicsViewに画像ファイルをフィットさせる方法について

Question

前提・実現したいこと

Qt Designerで設置したgraphicsViewに画像ファイルをフィットさせるようと試みています。
ボタンによってリンク先の画像ファイルを切り替え表示させる事を実装中、
最初の画像のみgraphicsViewの中心に小さく表示され、次回以降はフィットした状態で表示されます

最初からフィットさせた状態で表示させたいです。

発生している問題・エラーメッセージ

具体的に以下のような流れで表示されます

最初の画面

次の画面

最初の画面に戻る

該当のソースコード

メイン

import os
import sys

from PyQt5 import QtWidgets, uic
from PyQt5 import QtCore as Qc
from PyQt5 import QtGui as Qg
from PyQt5 import QtWidgets as Qw
from PyQt5.Qt import *

import GUI

# ########################################################################### #
# ########################################################################### #
class MyForm(QtWidgets.QMainWindow):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.ui = GUI.Ui_Form()
        self.ui.setupUi(self)

        global ImageFile
        ImageFile = []
        ImageFile.append(r'C:\test\20210712\ImageFile\Penguins.jpg')
        ImageFile.append(r'C:\test\20210712\ImageFile\Koala.jpg')
        ImageFile.append(r'C:\test\20210712\ImageFile\Desert.jpg')

        global n
        n = 0

        self.view = Qw.QGraphicsView()
        self.scene = Qw.QGraphicsScene()
        self.srect = self.view.rect()
        
        self.scene.clear()
        pic_Item = Qw.QGraphicsPixmapItem(Qg.QPixmap(ImageFile[n]))

        self.scene.addItem(pic_Item)
        
        self.ui.graphicsView.setScene(self.scene)
        self.ui.graphicsView.fitInView(self.scene.sceneRect(), Qc.Qt.KeepAspectRatio)

    # //////////////////////////////////////////////////////////////// #
    def MyFuncBefore(self):
        global n
        n = n - 1
        
        self.view = Qw.QGraphicsView()
        self.scene = Qw.QGraphicsScene()
        self.srect = self.view.rect()
        
        self.scene.clear()
        pic_Item = Qw.QGraphicsPixmapItem(Qg.QPixmap(ImageFile[n]))
        self.scene.addItem(pic_Item)
        
        self.ui.graphicsView.setScene(self.scene)
        self.ui.graphicsView.fitInView(self.scene.sceneRect(), Qc.Qt.KeepAspectRatio)

    # //////////////////////////////////////////////////////////////// #
    def MyFuncNext(self):
        global n
        n = n + 1
        
        self.view = Qw.QGraphicsView()
        self.scene = Qw.QGraphicsScene()
        self.srect = self.view.rect()


        self.scene.clear()
        pic_Item = Qw.QGraphicsPixmapItem(Qg.QPixmap(ImageFile[n]))
        self.scene.addItem(pic_Item)

        self.ui.graphicsView.setScene(self.scene)
        self.ui.graphicsView.fitInView(self.scene.sceneRect(), Qc.Qt.KeepAspectRatio)



# ########################################################################### #
# ########################################################################### #
if __name__ == '__main__':
    app = Qw.QApplication(sys.argv)
    wmain = MyForm()
    wmain.show()
    sys.exit(app.exec_())

Qt Designerで作成した uiファイルを変換

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

# Form implementation generated from reading ui file 'GUI.ui'
#
# Created by: PyQt5 UI code generator 5.15.4
#
# WARNING: Any manual changes made to this file will be lost when pyuic5 is
# run again.  Do not edit this file unless you know what you are doing.


from PyQt5 import QtCore, QtGui, QtWidgets


class Ui_Form(object):
    def setupUi(self, Form):
        Form.setObjectName("Form")
        Form.resize(502, 295)
        Form.setMinimumSize(QtCore.QSize(0, 0))
        Form.setMaximumSize(QtCore.QSize(950, 525))
        font = QtGui.QFont()
        font.setPointSize(14)
        Form.setFont(font)
        self.graphicsView = QtWidgets.QGraphicsView(Form)
        self.graphicsView.setGeometry(QtCore.QRect(10, 30, 320, 240))
        font = QtGui.QFont()
        font.setPointSize(10)
        self.graphicsView.setFont(font)
        self.graphicsView.setObjectName("graphicsView")
        self.pushBtnCheckNext = QtWidgets.QPushButton(Form)
        self.pushBtnCheckNext.setGeometry(QtCore.QRect(350, 120, 121, 51))
        font = QtGui.QFont()
        font.setPointSize(18)
        self.pushBtnCheckNext.setFont(font)
        self.pushBtnCheckNext.setObjectName("pushBtnCheckNext")
        self.pushBtnCheckBefore = QtWidgets.QPushButton(Form)
        self.pushBtnCheckBefore.setGeometry(QtCore.QRect(350, 60, 121, 51))
        font = QtGui.QFont()
        font.setPointSize(18)
        self.pushBtnCheckBefore.setFont(font)
        self.pushBtnCheckBefore.setObjectName("pushBtnCheckBefore")

        self.retranslateUi(Form)
        self.pushBtnCheckBefore.clicked.connect(Form.MyFuncBefore)
        self.pushBtnCheckNext.clicked.connect(Form.MyFuncNext)
        QtCore.QMetaObject.connectSlotsByName(Form)

    def retranslateUi(self, Form):
        _translate = QtCore.QCoreApplication.translate
        Form.setWindowTitle(_translate("Form", "Form"))
        self.pushBtnCheckNext.setText(_translate("Form", "次"))
        self.pushBtnCheckBefore.setText(_translate("Form", "前"))


if __name__ == "__main__":
    import sys
    app = QtWidgets.QApplication(sys.argv)
    Form = QtWidgets.QWidget()
    ui = Ui_Form()
    ui.setupUi(Form)
    Form.show()
    sys.exit(app.exec_())

試したこと

言語は異なりますが、以下のサイトと同じ状態です。
リンク内容

初学のため知見が浅く、大変申し訳ありませんがアドバイスを頂けないでしょうか。

補足情報（FW/ツールのバージョンなど）

Windows10 21H1 Pro 64bit
Python3.7.3

Answer 1

問題点: 最初の画像は __init__ 内で設定されているので、
ウィジェットが実際に描画される前に、fitInView ビューにサイズを合わせる
→ ビューのサイズが決定していない為、画像は小さくなる。

といった症状です。

確認方法:
print(self.scene.sceneRect()) は、__init__ だと空の領域を返します。

解決策としては、最初の画像の設定を、ウィンドウ描画後に遅らせる事で、
正しいビューのサイズを所得出来るようになり、fitInView で期待通り画像がリサイズされます。

その他の問題点:

• QGraphicsView, QGraphicsScene は再利用できるので、複数回呼び出す必要はありません。

## __init__内

        self.view = self.ui.graphicsView # GraphicsView は ui 内で作られている
        self.scene = Qw.QGraphicsScene() # Scene のみ作成・設定
        self.ui.graphicsView.setScene(self.scene)

        self.n = -1  # 初期値を-1 にすることで、MyFuncNext で ImageFile[0] を読み込む

        # タイマーで app.exec_() が実行された後に MyFuncNext を呼び出し。
        from PyQt5.QtCore import QTimer
        QTimer.singleShot(1, self.MyFuncNext)


## MyFuncNext, MyFuncBefore 内の以下の行は不要なので削除します

        self.view = Qw.QGraphicsView()
        self.scene = Qw.QGraphicsScene()
        self.srect = self.view.rect()

        self.ui.graphicsView.setScene(self.scene)

## グローバル変数 global n -> インスタンス変数 self.n に変更 
# グローバル変数は極力避けた方が良いです。
# 他の場所で書き換えられた時、意図しない挙動を引き起こします。
# インスタンス変数(self.n) と ローカル変数 (n) を同時に設定。

        self.n = n = self.n + 1 # MyFuncNext内
        self.n = n = self.n - 1 # MyFuncBefore内

Comments

[Crew_38]

ご連絡ありがとうございます。
丁寧なコードも頂き、行いたことが無事にできました。