PySideでのQListWidgetをカスタマイズする方法…pythonコード例

PySideのみならずPyQtでも同じです。

カスタマイズしたQListWidgetを作りたい

それにはQListWidgetの拡張は必要ありません。
単にリストアイテムを定義するだけでOKです。

ここでは次のカスタムQListWidgetを作ります。

▼ カスタムしたいリストアイテムの中身

レイアウトは垂直並べ
上部にラベルを配置
下部にはボタンを配置

少し分かりにくい部分もあるので、
Python・PySideでの作り方をまとめました。

このページの目次

１．初めにリストアイテム用のQWidgetクラス作成
２．QListWidgetにリストアイテムを動的に追加する
３．出来上がったカスタムQListWidgetの見た目
QListWidgetのカスタマイズ方法をまとめ

１．初めにリストアイテム用のQWidgetクラス作成

ここでは MyCustomWidget というクラス名

それがQListWidgetに追加するカスタムアイテムです。

▼ 実際にこのようなコードを定義した

class MyCustomWidget(QWidget):
    def __init__(self, name, parent=None):
        super(MyCustomWidget, self).__init__(parent)

        self.row = QVBoxLayout()

        self.row.addWidget(QLabel(name))
        self.row.addWidget(QPushButton("i like it"))

        self.setLayout(self.row)

class MyCustomWidget(QWidget):

def __init__(self, name, parent=None):

super(MyCustomWidget, self).__init__(parent)

self.row = QVBoxLayout()

self.row.addWidget(QLabel(name))

self.row.addWidget(QPushButton("i like it"))

self.setLayout(self.row)

当然ながらQWidgetを継承すること

あとは垂直レイアウトだからQVBoxLayoutを使っており、それにラベルとボタンを追加してるだけです。あとコンストラクタにはラベル用の名前を受け取ってます。

本当はQDeisgherからuiファイルを作り、コンストラクタ内で読み込みすると楽です。今回は単純なレイアウトなので直にQVBoxLayoutを生成しました。

ひとまずリストアイテムの定義は完了

２．QListWidgetにリストアイテムを動的に追加する

そしたらQListWidgetにアイテムを追加するだけ

データソース配列から動的に追加するのが王道です。

▼ 例 : QListWidgetへのリストアイテム追加

## QListWidget
listWidget = QListWidget()
        
## リストアイテムのデータ配列
dataSources = [
    {'name': 'Java'},
    {'name': 'JavaScript'},
    {'name': 'PHP'},
    {'name': 'Python'},
    {'name': 'Rust'}
]

## 各データごとにQListWidgetItem追加
for dataSrc in dataSources:
    ## まずQListWidgetItemインスタンス化
    item = QListWidgetItem()
    ## それをQListWidgetに追加しておく
    listWidget.addItem(item)
    
    ## 先ほど作ったMyCustomWidgetインスタンス化
    row = MyCustomWidget(dataSrc['name'])
    item.setSizeHint(row.minimumSizeHint())

    # カスタムアイテムを追加
    listWidget.setItemWidget(item, row)

## QListWidget自身をウィンドウなどに追加
window.addWidget(listWidget)