Pyside on ポンコツ地方エンジニアの技術ブログ

[PySide] Windows で実行するとオーバーフローエラーが発生

Fri, 30 Aug 2024 00:00:00 +0900

PySide6 で作成したアプリを Pyinstaller で exe 化して実行すると、オーバーフローのエラーが発生しました。

エラーの内容は以下です。

OverflowError: Python int too large to convert to C long

該当箇所のコードは、以下のように QLineChart を使ってグラフを作成している箇所でした。

series = QLineSeries()

# 省略...

qdt = QDateTime()
qdt.setSecsSinceEpoch(int(dt.timestamp()))

series.append(qdt.toMSecsSinceEpoch(), count)

toMSecsSinceEpoch() はエポックタイムをミリ秒で返す関数です。
これを append 関数に渡すと、32bit の範囲を超えているとしてエラーが発生していました。

ビルド環境も実行環境も 64bit なのに、何故 32bit の long int として扱われているのか？
調べてみたところ、以下の記事に辿り着きました。

https://stackoverflow.com/questions/72568201/why-overflowerror-occured-only-on-pyside6

どうやら float でキャストすれば良さそうということで、以下のように修正したところ、正常に動作するようになりました。

series.append(float(qdt.toMSecsSinceEpoch()), count)

参考 URL

https://stackoverflow.com/questions/72568201/why-overflowerror-occured-only-on-pyside6

[PySide] qasync を使って非同期処理をバックグランドで行う

Mon, 22 Apr 2024 00:00:00 +0900

PySide6 で GUI アプリを作成している中で、I/O バウンドな処理の完了を待っていると GUI が固まりました。

通常、バックグラウンドで何か処理を行う際に GUI の処理を止めないようにするために、QThread などを使って別スレッドで処理を行いつつ GUI スレッドを回したりします。
今回もそうやって作っていたのですが、完了までに時間のかかる I/O バウンドな処理を行わせたい場合、上手くいかない場合がありました。 I/O バウンドな処理なので、ayncio を使って非同期処理にしてやればいいと思ったのですが、Qt のイベントループと asyncio を適切に統合する必要があるようで、どのように記述すればいいのかいまいち分かりませんでした。

そんな中、qasync というライブラリを使えば、とても簡単に処理を組み込むことができました。

https://github.com/CabbageDevelopment/qasync

コードの記述も、QThread を使う場合に比べシンプルでスッキリします。

ちなみに、asyncqt というライブラリもありますが、こちらは既にメンテナンスされていないようです。 qasync は asyncqt のフォークで、現在でもメンテナンスされているようなので、使うなら qasync のほうが良いと思います。

環境

python 3.11
pyside6 6.6.3.1
qasync 0.27.1

サンプルコード

import sys
import asyncio
from PySide6.QtWidgets import QApplication, QMainWindow, QPushButton, QVBoxLayout, QWidget, QLabel
from qasync import QEventLoop, asyncSlot

class MainWindow(QMainWindow):
 def __init__(self):
 super().__init__()
 self.setWindowTitle("qasync sample")

 self.label = QLabel("Press the button.", self)
 self.button = QPushButton("Start", self)
 self.button.clicked.connect(self.on_button_clicked)

 layout = QVBoxLayout()
 layout.addWidget(self.label)
 layout.addWidget(self.button)

 container = QWidget()
 container.setLayout(layout)
 self.setCentralWidget(container)

 @asyncSlot()
 async def on_button_clicked(self):
 self.label.setText("waiting...")
 self.button.setEnabled(False)

 # I/O バウンドな処理を想定
 await asyncio.sleep(5)

 self.label.setText("Press the button.")
 self.button.setEnabled(True)

if __name__ == "__main__":
 app = QApplication(sys.argv)
 loop = QEventLoop(app)
 asyncio.set_event_loop(loop)
 window = MainWindow()
 window.show()
 with loop:
 loop.run_forever()

参考 URL

- https://github.com/CabbageDevelopment/qasync

[PySide] QTimer の使い方

Tue, 28 Mar 2023 00:00:00 +0900

スレッドを使わずに定期的に GUI を更新するために、QTimer の使い方と挙動について簡単に調べてみました。

環境

Python 3.8.10
PySide 6.2.2.1

サンプルコード

import sys
import time
from datetime import datetime
from PySide6.QtCore import (QTimer, Signal)
from PySide6.QtWidgets import (QApplication, QWidget, QVBoxLayout, QLabel)


class MainWindow(QWidget):
 """メインウィンドウ
 """

 countup = Signal(int)

 def __init__(self, parent=None):
 super().__init__(parent)

 self.__count = 0

 layout = QVBoxLayout()
 self.__label = QLabel(self.__current_count())
 layout.addWidget(self.__label)
 self.setLayout(layout)

 self.__timer = QTimer(self)
 self.__timer.timeout.connect(self.__timeout)
 self.__timer.start(1000)
 self.__timer.singleShot(10000, self.__single_shot1)
 self.__timer.singleShot(15000, self.__single_shot2)

 def __timeout(self):

 self.__count += 1
 print(f'{datetime.now()}, {self.__count}')
 self.__label.setText(self.__current_count())
 #time.sleep(3)

 def __current_count(self) -> str:
 return f'現在のカウント: {self.__count}'

 def __single_shot1(self):
 print(f'{datetime.now()}, 10秒経過')

 def __single_shot2(self):
 print(f'{datetime.now()}, 15秒経過')

if __name__ == "__main__":
 app = QApplication(sys.argv)
 main_window = MainWindow()
 main_window.show()
 ret = app.exec()
 sys.exit(ret)

2023-03-27 14:04:40.166652, 1
2023-03-27 14:04:41.115886, 2
2023-03-27 14:04:42.066937, 3
2023-03-27 14:04:43.026873, 4
2023-03-27 14:04:44.026648, 5
2023-03-27 14:04:45.026877, 6
2023-03-27 14:04:46.026574, 7
2023-03-27 14:04:47.026898, 8
2023-03-27 14:04:48.026477, 9
2023-03-27 14:04:49.027008, 10秒経過
2023-03-27 14:04:49.027169, 10
2023-03-27 14:04:50.027045, 11
2023-03-27 14:04:51.026868, 12
2023-03-27 14:04:52.027034, 13
2023-03-27 14:04:53.026916, 14
2023-03-27 14:04:54.026824, 15秒経過
2023-03-27 14:04:54.027010, 15

処理に時間がかかった場合はどうなる？

上記のコードでは、1秒ごとに __timeout 関数が実行されますが、もしその中で処理に時間がかかったとしたらどうなるか？
試しに3秒のスリープを入れてみました（上記のコメントアウトを解除）。

2023-03-27 14:07:10.458991, 1
2023-03-27 14:07:13.462465, 2
2023-03-27 14:07:16.464238, 3
2023-03-27 14:07:19.467192, 4
2023-03-27 14:07:22.470589, 10秒経過
2023-03-27 14:07:22.471410, 5
2023-03-27 14:07:25.475184, 6
2023-03-27 14:07:28.478740, 15秒経過
2023-03-27 14:07:28.480526, 7
2023-03-27 14:07:31.484492, 8

3秒経過後、すぐに __timeout がコールされています。
前の処理が完了しないと次の処理は行われないようです。

参考 URL

[PySide] ARM アーキテクチャ環境に PySide をインストールできない？

Mon, 11 Apr 2022 00:00:00 +0900

pip で pyside2 および pyside6 をインストールしようとすると失敗しました。

デバイスは Jetson Xavier NX です。
表示されたエラーは以下です。

# pip install pyside2
ERROR: Could not find a version that satisfies the requirement pyside2 (from versions: none)
ERROR: No matching distribution found for pyside2

調べた感じ、どうやら ARM アーキテクチャの場合、pip ではインストールできない？

PySide2 であれば、一応 apt でビルド済みパッケージをインストールすることはできました。

$ sudo apt install python3-pyside2*

しかし、動かしたいアプリは PySide6 を使っており、PySide6 についてはパッケージが見当たりませんでした。

参考 URL

[PySide] FlowLayout を作成する

Tue, 08 Mar 2022 00:00:00 +0900

Qt でウィンドウの幅によって列数がレスポンシブに変わる（自動で改行される）ようなレイアウトを組むには自分で作成する必要があるみたいです。

こういうレイアウトを Flow Layout というようです。

この Flow Layout を、QLayout を継承して作成する方法が公式ドキュメントに載っています。

https://doc.qt.io/qt-5/qtwidgets-layouts-flowlayout-example.html

ただ、私の環境ではこのコードをそのまま PySide で実装しても細かい部分の挙動がおかしかったので、以下のページも参考にしつつ修正しました。

環境

Python 3.8.10
PySide 6.2.2.1

サンプルコード

以下が作成した FlowLayout クラスです。
解説などは上記のページに載っているので割愛します。

import sys
from PySide6.QtWidgets import QApplication, QSizePolicy, QWidget, QLayout, QLayoutItem, QPushButton, QScrollArea
from PySide6.QtCore import (Qt, QSize, QRect, QPoint)

class FlowLayout(QLayout):

 def __init__(self, parent=None, margin:int=0, hspacing:int=-1, vspacing:int=-1):
 super().__init__(parent)
 self.setContentsMargins(margin, margin, margin, margin)

 self.__itemlist = []
 self.__hSpacing = hspacing
 self.__vSpacing = vspacing

 def __del__(self):
 item = self.takeAt(0)
 while item:
 del item
 item = self.takeAt(0)

 def addItem(self, item:QLayoutItem):
 self.__itemlist.append(item)

 def count(self):
 return len(self.__itemlist)

 def itemAt(self, index:int):
 if 0 <= index and index < len(self.__itemlist):
 return self.__itemlist[index]
 return None

 def takeAt(self, index:int):
 if 0 <= index and index < len(self.__itemlist):
 return self.__itemlist.pop(index)
 return None

 def expandingDirections(self):
 return Qt.Orientations(Qt.Orientation(0))

 def hasHeightForWidth(self):
 return True

 def heightForWidth(self, width:int):
 height = self.doLayout(QRect(0, 0, width, 0), True)
 return height

 def setGeometry(self, rect:QRect):
 super().setGeometry(rect)
 self.doLayout(rect, False)

 def sizeHint(self):
 return self.minimumSize()

 def minimumSize(self):
 size = QSize()
 for item in self.__itemlist:
 size = size.expandedTo(item.minimumSize())
 margins = self.contentsMargins()
 size += QSize(margins.left() + margins.right(), margins.top() + margins.bottom())
 return size

 def doLayout(self, rect:QRect, testOnly:bool):
 left, top, right, bottom = self.getContentsMargins()
 effectiveRect = rect.adjusted(+left, +top, -right, -bottom)
 x = effectiveRect.x()
 y = effectiveRect.y()
 lineHeight = 0

 for item in self.__itemlist:
 wid = item.widget()
 spaceX = self.__hSpacing
 if spaceX == -1:
 spaceX = wid.style().layoutSpacing(QSizePolicy.PushButton, QSizePolicy.PushButton, Qt.Horizontal)
 spaceY = self.__vSpacing
 if spaceY == -1:
 spaceY = wid.style().layoutSpacing(QSizePolicy.PushButton, QSizePolicy.PushButton, Qt.Vertical)

 nextX = x + item.sizeHint().width() + spaceX
 if nextX - spaceX > effectiveRect.right() and lineHeight > 0:
 x = effectiveRect.x()
 y = y + lineHeight + spaceY
 nextX = x + item.sizeHint().width() + spaceX
 lineHeight = 0

 if not testOnly:
 item.setGeometry(QRect(QPoint(x, y), item.sizeHint()))

 x = nextX
 lineHeight = max(lineHeight, item.sizeHint().height())

 return y + lineHeight - effectiveRect.y() + top + bottom

if __name__ == '__main__':

 class MainWindow(QScrollArea):

 def __init__(self, parent=None):
 super().__init__(parent)

 widget = QWidget()
 flowlayout = FlowLayout(widget, 10, 5)
 for i in range(100):
 button = QPushButton(f"Sample {i}")
 flowlayout.addWidget(button)
 self.setWidgetResizable(True)
 self.setWidget(widget)

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

参考 URL

[PySide] QListWidget の使い方

Fri, 25 Feb 2022 00:00:00 +0900

QListWidget を使っていていろいろはまったのでメモです。

環境

Python 3.8.10
PySide 6.2.2.1

カスタムウィジェットをセットする

setItemWidget でアイテムとウィジェットを関連付けする必要があります。

custom_widget = CustomWidget()

# Create QListWidgetItem
item = QListWidgetItem(list_widget)
# Set size hint
item.setSizeHint(custom_widget.sizeHint())

# Add QListWidgetItem into QListWidget
self.addItem(item)
self.setItemWidget(item, custom_widget)

先頭行に追加する

insertItem() で 0 行目にアイテムを追加すればいいと思っていたら、実際には最後に追加されてしまいました。
悩んでいたところで以下の記事を見つけたのですが、どうやら QListWidgetItem でアイテムを作成する際、親ウィジェットを指定してはいけないようです。

https://stackoverflow.com/questions/45258159/how-to-add-a-qlistwidgetitem-on-top-of-the-qlistwidget

custom_widget = CustomWidget()

# Create QListWidgetItem
item = QListWidgetItem() # 親を指定しない
# Set size hint
item.setSizeHint(custom_widget.sizeHint())

# Add QListWidgetItem into QListWidget
self.insertItem(0, item)
self.setItemWidget(item, custom_widget)

ちなみに、insertItem よりも setItemWidget を先に処理していると上手く動きませんでした。

アイテムを削除する

takeItem を使います。
削除なのに take というのが分かりづらい・・・。

item = self.takeItem(row)
self.removeItemWidget(item)
del item

ドキュメントによれば、リストから削除されても実体は残っているようなので、del で削除しています。
だから take なのかな？

ちなみに removeItemWidget はアイテムと関連付けられているウィジェットを削除しますが、del item としているので、もしかしたら不要かもしれません。

https://qiita.com/tatsuteb/items/959700c1d7b42c7c8b5a

QListWidget のサイズをコンテンツに合わせる

カスタムウィジェットのサイズに上手く合わないことがあったので、どうしたらいいのか調べていたら、以下の記事を見つけました。

https://stackoverflow.com/questions/6337589/qlistwidget-adjust-size-to-content

以下のように sizeHint() をオーバーライドすればいいようです。

def sizeHint(self):
 s = QSize()
 s.setHeight(super().sizeHint().height())
 s.setWidth(self.sizeHintForColumn(0))
 return s

ただ、私の場合、上記だとウィジェットとスクロールバーが重なって表示されたりしたので、以下のようにスクロールバーの幅も考慮するように変更しました。

def sizeHint(self):
 s = QSize()
 s.setHeight(super().sizeHint().height())
 s.setWidth(self.sizeHintForColumn(0) + self.verticalScrollBar().sizeHint().width() * 2)
 return s

参考 URL

[PySide] QThread を使って時間のかかる処理をスレッド化する

Sun, 20 Feb 2022 00:00:00 +0900

例えばボタンをクリックしたときに重い処理を実行する場合など、そのまま処理すると GUI が固まってしまうため、スレッド化してやります。

概要

python の標準モジュールに threading がありますが、PySide を使っている場合は QThread を使います。
本質的にはどちらも同じだそうですが、Signal/Slot など、Qt との対話を行うなら QThread を使ったほうが良いようです。

https://stackoverflow.com/questions/1595649/threading-in-a-pyqt-application-use-qt-threads-or-python-threads

ちなみに、Qt には QtConcurrent という QThread よりも高レベルな API がありますが、こちらは PySide では提供されていないようです。

QThread のドキュメントは以下です。

https://doc.qt.io/qtforpython/PySide6/QtCore/QThread.html

また、PySide で GUI を止めることなく重い処理をするサンプルとして、以下がありました。

https://doc.qt.io/qtforpython/examples/example_corelib__threads.html

上記のサンプルでは QThread を継承し、run をオーバーライドしていますが、このやり方は良くないそうで、moveToThread を使って処理をスレッドに渡すやり方のほうが一般的なようです。
詳しくは以下で解説されています。

とはいえ、moveToThread を使った公式のサンプルが見当たらなかったので、知らない人は知らないんじゃないかなぁと思ったり・・。

というわけで、QThread と moveToThread 使ったスレッド化のサンプルです。

環境

Python 3.8.10
PySide 6.2.2.1

サンプルコード

解説は後にして、まずはコード全体です。

import sys, threading
from PySide6.QtWidgets import QApplication, QWidget, QPushButton, QLabel, QVBoxLayout
from PySide6.QtCore import Qt, QObject, QThread, Signal, Slot
import shiboken6
import time

class Worker(QObject):
 """バックグラウンドで処理を行うクラス
 """

 countup = Signal(int)

 def __init__(self, parent=None):
 super().__init__(parent)
 self.__is_canceled = False

 def run(self):
 print(f'worker started, thread_id={threading.get_ident()}')
 count = 0
 while not self.__is_canceled:
 count += 1
 self.countup.emit(count)
 time.sleep(0.001)
 print(f'worker finished, thread_id={threading.get_ident()}')

 def stop(self):
 self.__is_canceled = True

class MainWindow(QWidget):
 """メインウィンドウ
 """

 def __init__(self, parent=None):
 super().__init__(parent)

 self.__thread = None

 layout = QVBoxLayout()
 button = QPushButton('Start')
 button.clicked.connect(self.__start)
 layout.addWidget(button)
 button = QPushButton('Stop')
 button.clicked.connect(self.__stop)
 layout.addWidget(button)
 self.__label = QLabel()
 layout.addWidget(self.__label)
 self.setLayout(layout)

 def __start(self):
 """開始
 """
 print(f'start, thread_id={threading.get_ident()}')
 self.__stop()

 self.__thread = QThread()
 self.__worker = Worker()
 self.__worker.moveToThread(self.__thread) # 別スレッドで処理を実行する
 # シグナルスロットの接続（self.__countup をスレッド側で実行させるために Qt.DirectConnection を指定）
 self.__worker.countup.connect(self.__countup, type=Qt.DirectConnection)
 # スレッドが開始されたら worker の処理を開始する
 self.__thread.started.connect(self.__worker.run)
 # ラムダ式を使う場合は Qt.DirectConnection を指定
 #self.__thread.started.connect(lambda: self.__worker.run(), type=Qt.DirectConnection) 
 # スレッドが終了したら破棄する
 self.__thread.finished.connect(self.__worker.deleteLater)
 self.__thread.finished.connect(self.__thread.deleteLater)

 # 処理開始
 self.__thread.start()

 def __stop(self):
 """停止
 """
 print(f'stop, thread_id={threading.get_ident()}')
 if self.__thread and shiboken6.isValid(self.__thread):
 # スレッドが作成されていて、削除されていない
 if self.__thread.isRunning() or not self.__thread.isFinished():
 print('thread is stopping')
 self.__worker.stop()
 self.__thread.quit()
 self.__thread.wait()
 print('thread is stopped')

 def __countup(self, count):
 """countup シグナルに対する処理
 """
 self.__label.setText(f'count={count}, thread_id={threading.get_ident()}')

 def closeEvent(self, event):
 """closeEvent のオーバーライド（ウィンドウを閉じたときにスレッドを終了させる）
 """
 self.__stop()

if __name__ == "__main__":
 app = QApplication(sys.argv)
 main_window = MainWindow()
 main_window.show()
 sys.exit(app.exec())

カウントアップした変数の内容を表示するだけのシンプルなコードです。
スロットがどのスレッドで実行されているかわかるように、スレッドIDも表示しています。

簡単な解説

Worker が別スレッドで行いたい処理ですが、こいつ自身はスレッド云々を意識せず（どこで実行されるかを意識せず）、処理内容のみを責務としています。
どこで実行するかを意識するのは、処理を開始する MainWindow です。

シグナルスロット接続時の注意

以下の部分です。

self.__worker.countup.connect(self.__countup, type=Qt.DirectConnection)

self.__countup は MainWindow 内の関数なので、普通に接続するとメインスレッド側で処理が行われてしまいます。
これをスレッド側で処理が行われるようにするには Qt.DirectConnection を指定する必要があります。
countup シグナルはスレッド側で動いている Worker で emit されるので、Qt.DirectConnection を指定することでシグナルを emit するスレッド側での実行を指定することになります。
ここらへん、以下で詳しく解説されています。

ちなみに、以下のスレッド開始時の処理ですが、

self.__thread.started.connect(self.__worker.run)

self.__worker は moveToThread でスレッド側で処理を行うように指定しているので、明示的に Qt.DirectConnection を指定しなくてもよいのですが、これを仮に以下のようにラムダ式などを使った場合は、上記と同じ理由で Qt.DirectConnection を指定する必要があります。

self.__thread.started.connect(lambda: self.__worker.run(), type=Qt.DirectConnection)

例えば、self.__worker.run に引数を与えて開始したい場合などはこういうケースもあるのではないかと思います。
でもその場合 moveToThread を使う意味がなくなりそうですが・・・。（実際、moveToThread を使わなくても上手く動きます。）

終了処理

スレッドが終了したら deleteLater でオブジェクトの破棄を行っています。

self.__thread.finished.connect(self.__worker.deleteLater)
self.__thread.finished.connect(self.__thread.deleteLater)

https://tukunen13.hatenablog.jp/entry/2017/05/25/004652

また、スレッドを開始したままウィンドウを閉じたときのために、closeEvent をオーバーライドしてスレッドを停止するようにしています。

オブジェクトの判定

Start ボタンを押したときにスレッドを停止してから再度開始していますが、その際に既にスレッドが破棄されていないかどうか判定しています。
オブジェクトが破棄されているかどうかは shiboken を使います。

https://stackoverflow.com/questions/11328219/how-to-know-if-object-gets-deleted-in-python

スレッドの終了判定

QThread に isRunning と isFinished という関数がありますが、どっちを使えばいいのかいまいち分からなかったので両方見るようにしました。
ここらへん微妙です・・・。

参考 URL

[PySide] QPushButton にレイアウトを設定している場合にサイズがおかしい

Sat, 19 Feb 2022 00:00:00 +0900

QPushButton に QVBoxLayout などを setLayout() で設定している場合に、ボタンの縦のサイズが小さすぎてレイアウトが潰れた状態になりました。

レイアウトのサイズに応じてボタンのサイズを変更するにはどうしたらいいのかと悩んでいたら以下の記事を見つけました。

https://stackoverflow.com/questions/61571582/qt-qpushbutton-vertical-size-fit-to-contents

sizeHint() をオーバーライドし、レイアウトが設定されていればそのサイズを、設定されていなければ基底クラスのサイズを返せばいいようです。

PySide 6.2.2.1

def sizeHint(self):
 if self.layout():
 # the button now has a layout, return its size hint
 return self.layout().sizeHint()
 # no layout set, return the result of the default implementation
 return super().sizeHint()

参考 URL

https://stackoverflow.com/questions/61571582/qt-qpushbutton-vertical-size-fit-to-contents

[PySide] インスタンスが破棄されているかどうかを調べる

Thu, 17 Feb 2022 00:00:00 +0900

PySide を使っていて、既にインスタンスが破棄されているオブジェクトにアクセスした際、以下のようなエラーが表示されます。

RuntimeError: Internal C++ object (PySide6.QtCore.QThread) already deleted.

これを回避するため、インスタンスが破棄されているかどうかを知るにはどうすればいいか調べてみたところ、以下が見つかりました。

https://stackoverflow-com.translate.goog/questions/11328219/how-to-know-if-object-gets-deleted-in-python?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja&_x_tr_pto=wapp

shiboken というモジュールを使えばいいそうです。
公式ドキュメントは以下です。

https://doc.qt.io/qtforpython/shiboken6/shibokenmodule.html

環境

PySide 6.2.2.1
Python 3.8.10

サンプルコード

import shiboken6

print shiboken6.isValid(hoge)

参考 URL

[PySide] Qt Style Sheet を使って UI のデザインを変更する

Fri, 11 Feb 2022 00:00:00 +0900

UI のデザインを変更したい場合、QSS という、CSS とほぼ同じ構文のスタイルシートを使って変更できます。

QSS ファイルの拡張子は qss が一般的なようですが、エディタによっては css のほうが便利かもしれません。
QSS 専用のエディタもあるようです。

https://qiita.com/takavfx/items/f385bd339d9f352d34cf

環境

PySide 6.2.2.1

ファイルの読み込みと適用方法

スタイルシートを読み込み、QApplication に対して setStyleSheet() で設定するとアプリケーション全体へ適用されるようです。

QMainWindow {
 background-color: #444444;
}

import sys
from PySide6.QtWidgets import QWidget, QApplication, QMainWindow, QVBoxLayout, QPushButton
from PySide6.QtCore import Qt

class MainWindows(QMainWindow):
 def __init__(self):
 super().__init__()

 container = QWidget()
 vbox_layout = QVBoxLayout(container)

 button = QPushButton('button0')
 vbox_layout.addWidget(button, alignment=Qt.AlignCenter)

 self.setCentralWidget(container)

if __name__ == "__main__":

 try:
 with open('style.qss', 'r') as f:
 style = f.read()
 except:
 style = ''

 app = QApplication(sys.argv)
 app.setStyleSheet(style)
 window = MainWindows()
 window.show()
 window.resize(360, 240)
 sys.exit(app.exec())

QSS の書き方については以下のページがとても参考になりました。

https://unpyside.com/2021/05/03/qss-basic/

特定のウィジェットにのみ適用する方法

setObjectName() で名前を設定し、IDセレクタを使って指定します。

QMainWindow {
 background-color: #444444;
}

/* ボタン全体へ適用 */
QPushButton {
 background-color: cyan;
 color: #444444;
}

/* button0 のみに適用 */
QPushButton#button0 {
 background-color: magenta;
 color: #ffffff;
}

import sys
from PySide6.QtWidgets import QWidget, QApplication, QMainWindow, QVBoxLayout, QPushButton
from PySide6.QtCore import Qt

class MainWindows(QMainWindow):
 def __init__(self):
 super().__init__()

 container = QWidget()
 vbox_layout = QVBoxLayout(container)

 button = QPushButton('button0')
 button.setObjectName('button0')
 vbox_layout.addWidget(button, alignment=Qt.AlignCenter)

 button = QPushButton('button1')
 vbox_layout.addWidget(button, alignment=Qt.AlignCenter)

 button = QPushButton('button2')
 vbox_layout.addWidget(button, alignment=Qt.AlignCenter)

 self.setCentralWidget(container)

if __name__ == "__main__":

 try:
 with open('style.css', 'r') as f:
 style = f.read()
 except:
 style = ''

 app = QApplication(sys.argv)
 app.setStyleSheet(style)
 window = MainWindows()
 window.show()
 window.resize(360, 240)
 sys.exit(app.exec())

カスタムウィジェットにスタイルを適用する

QWidget 継承して作ったカスタムウィジェットに QSS を適用するには、paintEvent をオーバーライドする必要があります。
これについては以下の記事に書いています。

https://kuttsun.blogspot.com/2022/02/pyside-qss.html

参考 URL

[PySide] カスタムウィジェットに QSS を適用する

Thu, 10 Feb 2022 00:00:00 +0900

QWidget を継承して作成したカスタムウィジェットに Qt Style Sheet を適用するには、paintEvent をオーバーロードする必要があるようです。

https://wiki.qt.io/How_to_Change_the_Background_Color_of_QWidget/ja

環境

PySide 6.2.2.1

サンプルコード

CustomWidget {
 background-color: cyan;
}

import sys
from PySide6.QtWidgets import QWidget, QApplication, QMainWindow, QVBoxLayout, QHBoxLayout, QPushButton, QLabel, QStyleOption, QStyle
from PySide6.QtCore import Qt
from PySide6.QtGui import QPainter

class CustomWidget(QWidget):
 """適当にボタンとラベルと横に並べただけのカスタムウィジェット"""

 def __init__(self):
 super().__init__()

 layout = QHBoxLayout()

 button = QPushButton('button')
 layout.addWidget(button, alignment=Qt.AlignCenter)

 label = QLabel('label')
 layout.addWidget(label, alignment=Qt.AlignCenter)

 self.setLayout(layout)
 
 def paintEvent(self, event):
 opt = QStyleOption()
 opt.initFrom(self)
 painter = QPainter(self)
 style = self.style()
 style.drawPrimitive(QStyle.PE_Widget, opt, painter, self)


class MainWindows(QMainWindow):
 def __init__(self):
 super().__init__()

 container = QWidget()
 vbox_layout = QVBoxLayout(container)

 widget = CustomWidget()
 vbox_layout.addWidget(widget, alignment=Qt.AlignCenter)

 self.setCentralWidget(container)

if __name__ == "__main__":

 try:
 with open('style.qss', 'r') as f:
 style = f.read()
 except:
 style = ''

 app = QApplication(sys.argv)
 app.setStyleSheet(style)
 window = MainWindows()
 window.show()
 window.resize(360, 240)
 sys.exit(app.exec())

カスタムウィジェット内全体に適用

上記のサンプルでは背景色を適用していますが、ボタンとラベルには適用されていません。
これの対応方法は調査中です。

参考 URL

https://wiki.qt.io/How_to_Change_the_Background_Color_of_QWidget/ja

[PySide] 'PySide6.QtCore.Signal' object has no attribute 'connect' のエラーが表示される

Mon, 07 Feb 2022 00:00:00 +0900

PySide で、Signal をコンストラクタで初期化すると 'PySide6.QtCore.Signal' object has no attribute 'connect' のエラーが表示されました。

環境

PySide 6.2.2.1

エラーとなる例

例えば、以下のようなコードではエラーになります。

class Sample(QObject):
 
 def __init__(self):
 super().__init__(None)
 
 self.signal = Signal(int)
 self.signal.connect(self.__slot)

これについて調べると、以下が見つかりました。

https://stackoverflow.com/questions/36559713/pyside-qtcore-signal-object-has-no-attribute-connect

どうやら、シグナルを使うには以下の必要があるようです。

クラス内で定義する必要がある（コンストラクタで初期化ではダメ）
QObject を継承し、super().__init__() をコールする必要がある

解決方法

以下のようにすると上手く動作します。

class Sample(QObject):
 
 signal = Signal(int)
 
 def __init__(self):
 super().__init__(None)

 self.signal.connect(self.__slot)

コンストラクタで for を使ってシグナルを一気に作成したり発報したりしたかったのですが、できないんですかね？

どうしても for で楽がしたい

苦肉の策で、以下のようなコードを思いつきました。

class Sample(QObject):
 
 signal_a = Signal(int)
 signal_b = Signal(int)
 
 def __init__(self):
 super().__init__(None)

 self.__dict__['signal_a'].connect(self.__slot)

 def emit_sample(self, signal_name):
 if signal_name in self.__dict__.keys():
 self.__dict__[signal_name].emit(0)

シグナルの宣言は個別に行う必要がありますが、self.__dict__ でインスタンス変数の一覧を取得し、その中からシグナル名でシグナルを探してきます。
微妙ですね。

参考 URL

https://stackoverflow.com/questions/36559713/pyside-qtcore-signal-object-has-no-attribute-connect

[PySide] ボタンにフォーカスがある場合の点線を消す

Wed, 02 Feb 2022 00:00:00 +0900

CSS を使って以下を指定すれば消せます。

QPushButton:focus {
 outline: none;
}

参考 URL

https://stackoverflow.com/questions/17280056/qt-css-decoration-on-focus

[PySide] QStackedLayout で Alignment を設定したい

Tue, 01 Feb 2022 00:00:00 +0900

QStackedLayout の addWidget では alignment を指定できません。

QVBoxLayout や QHBoxLayout のように alignment を指定したい場合はどうすれいいのか？
ということでググってみたものの情報が少なく、参考になりそうなのは以下くらい。

こういうこと？なんか違う気がする・・・。

import sys
from PySide6.QtWidgets import *
from PySide6.QtCore import Qt
from PySide6.QtCharts import *

class MainWindows(QWidget):
 def __init__(self):
 super().__init__()

 container = QWidget()
 # コンテナを親として QVBoxLayout を作成（つまり、コンテナ配下に QVBoxLayout を作成）
 vbox_layout = QVBoxLayout(container)
 vbox_layout.addWidget(QPushButton('test1'), alignment=Qt.AlignCenter)

 stacked_layout = QStackedLayout()
 stacked_layout.addWidget(container)
 self.setLayout(stacked_layout)

if __name__ == "__main__":
 app = QApplication(sys.argv)
 window = MainWindows()
 window.show()
 window.resize(360, 240)
 sys.exit(app.exec())

一応表示は正しいんですけどね。

参考 URL

[PySide] for 文でシグナルの接続にラムダ式を使う場合の注意

Mon, 31 Jan 2022 00:00:00 +0900

for ループでウィジェットを動的に作成する際、シグナルとの接続でラムダ式を使う場合には注意が必要です。

例えば、以下のコードはラムダ式を使っていますが、

for i in range(5):
 button = QPushButton(f'Button{i}')
 button.clicked.connect(lambda: print(f'Button{i} clicked'))

この場合、どのボタンを押しても Button4 clicked と出力されます。
ラムダ式は遅延評価のためです。

これについては以下の記事を参考にしてください。

https://kuttsun.blogspot.com/2022/01/python-for.html

じゃあデフォルト引数を与えて即時評価してやろう以下のように変更すると、

for i in range(5):
 button = QPushButton(f'Button{i}')
 button.clicked.connect(lambda x=i: print(f'Button{x} clicked'))

今度は ButtonFalse clicked と出力されてしまいました。
QPushButton の clicked シグナルは、ボタンの状態を引数で渡してくるそうなので、デフォルト引数が bool 値で上書きされたためです。
かと言って、引数の数を増やすとエラーになります。

なので、この場合ラムダ式は使えず、functools.partial を使うしかありません。

for i in range(5):
 button = QPushButton(f'Button{i}')
 button.clicked.connect(partial(self.__clicked, i))

以下、動作確認用のコードです。

import sys
from functools import partial
from PySide6.QtWidgets import *

class MainWindow(QMainWindow):
 def __init__(self, parent=None):
 super(MainWindow, self).__init__(parent)

 vbox_layout = QVBoxLayout()
 for i in range(5):
 button = QPushButton(f'Button{i}')
 button.clicked.connect(partial(self.__clicked, i))
 vbox_layout.addWidget(button)
 widget = QWidget()
 widget.setLayout(vbox_layout)
 self.setCentralWidget(widget)

 def __clicked(self, i):
 print(f'Button{i} clicked')

if __name__ == '__main__':

 app = QApplication(sys.argv)
 main_window = MainWindow()
 main_window.show()
 sys.exit(app.exec())

[PySide] QChart のグラフに Tooltip を追加する

Fri, 28 Jan 2022 00:00:00 +0900

グラフにマウスオーバーしたときにツールチップを表示するサンプルです。

とりあえず QToolTip を使って簡単に実装してみました。

https://doc.qt.io/qtforpython/PySide6/QtWidgets/QToolTip.html

他には以下のサンプルとかも見つかりましたが、ちょっと複雑なので・・・。

https://doc.qt.io/qtforpython-6/examples/example_charts__callout.html

環境

PySide 6.2.2.1

サンプル

以前の記事をベースに作成してみました。

https://kuttsun.blogspot.com/2022/01/pyside-qchart.html

QBarSeries と QBarSet のどちらのマウスオーバーでツールチップを表示するかはお好みで。

import sys
from PySide6.QtWidgets import *
from PySide6.QtCore import Qt
from PySide6.QtCharts import *
from PySide6.QtGui import QPainter, QCursor

class BarChartSample(QChartView):
 __categories = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
 __samples = {
 'Hoge': [9, 7, 5, 3, 1, 2],
 'Piyo': [3, 5, 8, 13, 8, 5],
 'Fuga': [5, 0, 0, 4, 0, 7],
 'Foo': [1, 2, 3, 4, 5, 6],
 'Bar': [5, 6, 7, 3, 4, 5],
 }

 def __init__(self, parent = None):
 super().__init__(parent)

 series = QBarSeries()
 #series = QStackedBarSeries()
 for key, values in self.__samples.items():
 barset = QBarSet(key)
 #barset.hovered.connect(lambda state,index, x=key: self.__barset_hovered(x, index, state)) # 即時評価するため key を x に代入
 for value in values:
 barset.append(value)
 series.append(barset)
 series.hovered.connect(lambda state, index: self.__barseries_hovered(state, index))

 chart = QChart()
 chart.addSeries(series)
 chart.setTitle('Barchart example')
 chart.setAnimationOptions(QChart.SeriesAnimations)

 axis_x = QBarCategoryAxis()
 axis_x.append(self.__categories)
 chart.addAxis(axis_x, Qt.AlignBottom)
 series.attachAxis(axis_x)

 axis_y = QValueAxis()
 chart.addAxis(axis_y, Qt.AlignLeft)
 series.attachAxis(axis_y)

 chart.legend().setVisible(True)
 chart.legend().setAlignment(Qt.AlignBottom)

 self.setRenderHint(QPainter.Antialiasing)
 self.setChart(chart)

 self.__tooltip = QToolTip()
 
 def __barseries_hovered(self, state, index):
 print(f'barsetseries hovered, state={state}, index={index}')
 if state:
 texts = []
 for key, values in self.__samples.items():
 if values[index] > 0:
 texts.append( f'{key}: {values[index]}')
 self.__tooltip.showText(QCursor().pos(), '\n'.join(texts))
 else:
 self.__tooltip.hideText()

 def __barset_hovered(self, key, index, state):
 print(f'{key} hovered index={index}, category={self.__categories[index]}, state={state}')
 if state:
 self.__tooltip.showText(QCursor().pos(), f'{key}: {self.__samples[key][index]}')
 else:
 self.__tooltip.hideText()

class MainWindows(QMainWindow):
 def __init__(self):
 super().__init__()

 barchart = BarChartSample(self)
 self.setCentralWidget(barchart)

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

 window = MainWindows()
 window.show()
 window.resize(720, 480)
 sys.exit(app.exec())

参考 URL

[PySide6] ui ファイルが読み込めないので、py ファイルにコンバートして読み込む

Thu, 27 Jan 2022 00:00:00 +0900

PySide2 では読み込めていた ui ファイルが、PySide6 に移行後読み込めなくなってしまいました。

PySide2 では以下のようなコードで ui ファイルを読み込んでいました。

self.ui = QUiLoader().load('./form.ui', self)

しかし、PySide6 で同じように ui ファイルを読み込もうとすると、以下のエラーが表示されます。

qt.pysideplugin: Environment variable PYSIDE_DESIGNER_PLUGINS is not set, bailing out.
qt.pysideplugin: No instance of QPyDesignerCustomWidgetCollection was found.

環境変数 PYSIDE_DESIGNER_PLUGINS を設定すれば良さそうですが、ググっても解決方法がわかりませんでした。

代わりに、ui ファイルを py ファイルにコンバートする方法がたくさん見つかったので、これで対応しました。
（一手間増えて面倒ですが・・・）

ui ファイルから py ファイルへのコンバート

以下のコマンドでコンバートできます。

$ pyside6-uic form.ui -o ui_form.py

コンバートした py ファイルの読み込み方法

class MainWindow(QMainWindow):
 def __init__(self):
 super(MainWindow, self).__init__()

 self.ui = UI_Form()
 self.ui.setupUi(self)

参考 URL

[PySide] QChart で棒グラフを作成

Wed, 26 Jan 2022 00:00:00 +0900

QChart を使って棒グラフを作成してみました。

公式のサンプルは以下です。

https://doc.qt.io/qtforpython/examples/example_charts__barchart.html

基本的な挙動は上記が理解しやすいと思いますが、実際にはループで処理することが多いと思うので、少し変更してみました。 pandas などと組み合わせれば大量のデータであっても効率的にグラフを作成できると思います。

環境

PySide 6.2.2.1

サンプル

import sys
from PySide6.QtWidgets import *
from PySide6.QtCore import Qt
from PySide6.QtCharts import *
from PySide6.QtGui import QPainter, QCursor

class BarChartSample(QChartView):
 __categories = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
 __samples = {
 'Hoge': [9, 7, 5, 3, 1, 2],
 'Piyo': [3, 5, 8, 13, 8, 5],
 'Fuga': [5, 0, 0, 4, 0, 7],
 'Foo': [1, 2, 3, 4, 5, 6],
 'Bar': [5, 6, 7, 3, 4, 5],
 }

 def __init__(self, parent = None):
 super().__init__(parent)

 series = QBarSeries()
 #series = QStackedBarSeries()
 for key, values in self.__samples.items():
 barset = QBarSet(key)
 for value in values:
 barset.append(value)
 series.append(barset)

 chart = QChart()
 chart.addSeries(series)
 chart.setTitle('Barchart example')
 chart.setAnimationOptions(QChart.SeriesAnimations)

 axis_x = QBarCategoryAxis()
 axis_x.append(self.__categories)
 chart.addAxis(axis_x, Qt.AlignBottom)
 series.attachAxis(axis_x)

 axis_y = QValueAxis()
 chart.addAxis(axis_y, Qt.AlignLeft)
 series.attachAxis(axis_y)

 chart.legend().setVisible(True)
 chart.legend().setAlignment(Qt.AlignBottom)

 self.setRenderHint(QPainter.Antialiasing)
 self.setChart(chart)

class MainWindows(QMainWindow):
 def __init__(self):
 super().__init__()

 barchart = BarChartSample(self)
 self.setCentralWidget(barchart)

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

 window = MainWindows()
 window.show()
 window.resize(720, 480)
 sys.exit(app.exec())

QBarSeries を QStackedBarSeries に変更すれば積み上げグラフになります。

参考 URL

[PySide] ダイアログの作成

Mon, 17 Jan 2022 00:00:00 +0900

QDialog を使ってダイアログを作るサンプルです。

環境

PySide 6.2.2.1

サンプルコード

ここでは、ボタンを押したときにダイアログを表示してみました。

import sys
from PySide2.QtWidgets import *

class MyDialog(QDialog):
 def __init__(self, parent=None):
 # ベース・クラスの初期化
 super(MyDialog, self).__init__(parent)
 
 # ウィンドウタイトルを設定
 self.setWindowTitle("My Dialog")
 
 # ラベルの作成
 label = QLabel("こんにちは。", self)

 # 縦方向レイアウトを使って配置
 layout = QVBoxLayout()
 layout.addWidget(label)
 self.setLayout(layout)

class MainWindow(QMainWindow):
 def __init__(self, parent=None):
 super(MainWindow, self).__init__(parent)

 # ボタンの作成
 button = QPushButton("Push!!", self)
 button.clicked.connect(self.__clicked)# ボタンが押された時の処理を設定
 self.setCentralWidget(button)
 
 def __clicked(self):
 dialog = MyDialog(self)
 dialog.show()

if __name__ == '__main__':
 app = QApplication(sys.argv)
 main_window = MainWindow() 
 main_window.show()
 sys.exit(app.exec())

参考 URL

https://www.programcreek.com/python/example/115469/PySide2.QtWidgets.QDialog