PySideでqrcリソースを.pyに変換してコードから読み込みする方法

別にPySideに限った話ではないですが…

QTではリソースをqrcという形式で扱います。

そしてPython版のPySide・PyQtでは、

リソースファイルをqrcにまとめる
その.qrcを.pyコードに変換する
PySideのコードからリソース読み込み

こういう手順を踏む必要があると分かりました。

意外と複雑で分かりにくかったので、
同じく悩んでる人用に手順を残しておきます。

このページの目次

１．まずQtDesigner上でリソース(.qrc)を生成する
２．qrcファイルをpyファイルに変換する
３．ウィンドウ表示コードからリソース画像表示
少し面倒だけど手順を覚えれば簡単
１PySide開発に役立つ関連記事

１．まずQtDesigner上でリソース(.qrc)を生成する

ここでは画像をリソース＝qrcに変換します。

まずはQtDesignerのリソースブラウザを開きます。

▼ ここでペンアイコンをクリック

▼ リソースの編集ダイアログが表示される

左下にある新規ファイルアイコン（新しいリソースファイル）をクリックし、適当な名前（ここではapp.qrc）を付けてqrcを新規作成します。

▼ app.qrcを作った

次に右側にある青色フォルダのアイコン（プレフィックスを追加）をクリック、適当な名前でプリフィックスを追加してください。ここではプリフィックスは付けません

▼ プリフィックスは任意

最後に青色フォルダアイコンの横にある [ファイルを追加]ボタンを押し、必要な画像・音声・テキストなどのリソースファイルを追加してください

▼ ここでは画像１つだけ追加した

ひとまずこれでqrcファイルの作成は完了

作業フォルダに app.qrc が生成されたはずです

２．qrcファイルをpyファイルに変換する

お次はqrcファイルをpyファイルに変換

これしないとpythonコードから読み込みできません

変換方法はとっても単純です。

▼ pyside2-rccコマンドを使った変換例

pyside2-rcc app.qrc -o qrc_app.py

1	pyside2-rcc app.qrc -o qrc_app.py

このツールを使えば.qrcから.pyに変換してくれます。

▼ ちなみに元のqrcファイルはこのような内容

<RCC>
  <qresource>
    <file>python.png</file>
  </qresource>
</RCC>

<RCC>

<file>python.png</file>

</qresource>

</RCC>

▼ pyファイルに変換されるとこうなる

from PySide2 import QtCore

qt_resource_data = b"\
\x00\x00\x95\xa4\
\x89\
PNG\x0d\x0a\x1a\x0a\x00\x00\x00\x0dIHDR\x00\
\x00\x0b\xb8\x00\x00\x07\xd0\x08\x03\x00\x00\x00e\xcc\xe2\x08\
\x00\x00\x00\x04gAMA\x00\x00\xb1\x8f\x0b\xfca\x05\...
...
\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\
\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\
\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x000\x17#\
>\xcd\xda\xae\xd5\xbb\xbd\x00\x00\x00\x00IEND\xae\
B`\x82\
"

from PySide2 import QtCore

qt_resource_data = b"\

\x00\x00\x95\xa4\

\x89\

PNG\x0d\x0a\x1a\x0a\x00\x00\x00\x0dIHDR\x00\

\x00\x0b\xb8\x00\x00\x07\xd0\x08\x03\x00\x00\x00e\xcc\xe2\x08\

\x00\x00\x00\x04gAMA\x00\x00\xb1\x8f\x0b\xfca\x05\...

...

\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\

\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x000\x17#\

>\xcd\xda\xae\xd5\xbb\xbd\x00\x00\x00\x00IEND\xae\

B`\x82\

バイナリとしてpythonコード上で展開されてます。

PySide・PyQTでは直接qrcファイルは読み込めないです。

※ C++版Qtはよく分からないし不明

３．ウィンドウ表示コードからリソース画像表示

それではリソース画像を読み込み表示してみます。

▼ 次のコードを作ってみた（名前はapp.py）

import sys

from PySide2.QtCore import QSize, Qt
from PySide2.QtWidgets import QApplication, QMainWindow
from PySide2.QtUiTools import QUiLoader
from PySide2.QtWidgets import QApplication
from PySide2.QtCore import QFile
from PySide2.QtGui import QIcon, QPixmap

## 重要 : リソース読み込み
import qrc_app

if __name__ == "__main__":
    app = QApplication(sys.argv)

    ## 注 : UIファイルは作成済みの前提

    ## uiファイルを開く
    file = QFile("app.ui")
    file.open(QFile.ReadOnly)

    ## uiファイルをロードする
    loader = QUiLoader()
    window = loader.load(file)

    ## ボタンにリソース画像設定
    pushButton = window.pushButton
    pixmap = QPixmap(":/python.png")
    icon = QIcon(pixmap)
    pushButton.setIcon(icon)
    #pushButton.setIconSize(pixmap.rect().size());

    window.show()

    sys.exit(app.exec_())