pyside2-uic

Summary
PySide2関連のまとまった情報があまりないのでまとめておく。 PySide2でGUIアプリケーションを作成する場合、Qtに付属のQt Creatorで画面設計をする方が効率が良い。PySide2パッケージに付属のpyside2-uicというコマンドで.uiファイルを.pyに変換できる。

Qt CreatorでGUI画面を設計する

QtのインストールについてはQt5.9がインストール出来ない(2018.5.2)を参照。 Qt CreatorはQtがインストールされているフォルダにある。こちらを起動。

.uiファイルをダブルクリックしてDesigner画面を起動。初期状態ではメインウインドウのみ

pyside2-uicコマンドで.uiファイルを.pyに変換

サンプルの起動方法なども生成する場合には、-xオプションをつける

生成されたmainwindow.pyは以下のようになっている。これをpythonスクリプトから読み込んで表示する。

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

# Form implementation generated from reading ui file 'mainwindow.ui'
#
# Created: Sun May 13 09:55:53 2018
#      by: pyside2-uic  running on PySide2 5.11.0a1
#
# WARNING! All changes made in this file will be lost!

from PySide2 import QtCore, QtGui, QtWidgets

class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(400, 300)
        self.centralWidget = QtWidgets.QWidget(MainWindow)
        self.centralWidget.setObjectName("centralWidget")
        self.PlayButton = QtWidgets.QPushButton(self.centralWidget)
        self.PlayButton.setGeometry(QtCore.QRect(40, 200, 113, 32))
        self.PlayButton.setObjectName("PlayButton")
        self.StopButton = QtWidgets.QPushButton(self.centralWidget)
        self.StopButton.setGeometry(QtCore.QRect(240, 200, 113, 32))
        self.StopButton.setObjectName("StopButton")
        self.horizontalSlider = QtWidgets.QSlider(self.centralWidget)
        self.horizontalSlider.setGeometry(QtCore.QRect(20, 180, 361, 22))
        self.horizontalSlider.setOrientation(QtCore.Qt.Horizontal)
        self.horizontalSlider.setObjectName("horizontalSlider")
        self.graphicsView = QtWidgets.QGraphicsView(self.centralWidget)
        self.graphicsView.setGeometry(QtCore.QRect(20, 10, 361, 161))
        self.graphicsView.setObjectName("graphicsView")
        MainWindow.setCentralWidget(self.centralWidget)
        self.menuBar = QtWidgets.QMenuBar()
        self.menuBar.setGeometry(QtCore.QRect(0, 0, 400, 22))
        self.menuBar.setObjectName("menuBar")
        MainWindow.setMenuBar(self.menuBar)
        self.mainToolBar = QtWidgets.QToolBar(MainWindow)
        self.mainToolBar.setObjectName("mainToolBar")
        MainWindow.addToolBar(QtCore.Qt.TopToolBarArea, self.mainToolBar)
        self.statusBar = QtWidgets.QStatusBar(MainWindow)
        self.statusBar.setObjectName("statusBar")
        MainWindow.setStatusBar(self.statusBar)

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

    def retranslateUi(self, MainWindow):
        MainWindow.setWindowTitle(QtWidgets.QApplication.translate("MainWindow", "MainWindow", None, -1))
        self.PlayButton.setText(QtWidgets.QApplication.translate("MainWindow", "Play", None, -1))
        self.StopButton.setText(QtWidgets.QApplication.translate("MainWindow", "Stop", None, -1))

pythonプログラムから呼び出すコードを記述

プロジェクトファイル名や場所、venvの場所を指定する。システムにインストール済みのパッケージ設定を引き継ぐ場合には、“Inherit global site-packages”をチェックする。

パッケージの確認はPyCharmのメニューバーから[File]–> [Default Settings…]

生成してすぐはProject Interpreterとして直前のプロジェクトの設定が指定されている場合がある。今回指定したProject Interpreter設定を選択（すぐに見つからない場合は時間が経過してから再度確認）

ファイル名を指定して.pyファイルを生成。ここではtest1.pyとした。


#!/usr/bin/env python3
# -*- coding: utf-8 -*-

# pyside2-uic_test

import sys

from mainwindow import Ui_MainWindow

from PySide2.QtGui import *
from PySide2.QtCore import *
from PySide2.QtWidgets import *

class MainWindow(QMainWindow):
    def __init__(self, *args, **kwargs):
        """Create MainWindow instance"""

        super(MainWindow, self).__init__(*args, **kwargs)
        self.ui = Ui_MainWindow()
        self.ui.setupUi(self)

def main():
    import sys

    app = QApplication(sys.argv)
    window = MainWindow()
    window.show()
    sys.exit(app.exec_())

if __name__ == "__main__":
    main()

コマンドライン引数を指定する必要が場合には、Parametersで設定。（今回は不要）

Qt Creatorで作ったGUI画面.uiをpyside2-uicで.pyに変換(2018.5.13)

Qt CreatorでGUI画面を設計する

pyside2-uicコマンドで.uiファイルを.pyに変換

pythonプログラムから呼び出すコードを記述

参考

Back to Index