wxpythonで作成したGUIのultimatelistctrlに繰り返しで別の画像を挿入したい

Question

前提・実現したいこと

現在、wxpythonでultimatelistctrlを使ったGUIを作成しています。
繰り返しでultimatelistctrlのitemに別々の画像を挿入しようとしているのですが、最後にimagelistに加えた画像だけが挿入されてしまいます。どのようにすればよいかご教授いただきたく存じます。
また、チェックボックスと画像をカラムに中央揃え配置する方法についてもお願い致します。
以上の2点についてよろしくお願い致します。

該当のソースコード

import wx
from wx.lib.agw import ultimatelistctrl as ULC
import wx.adv
import os

class MainPanel(wx.Panel):
    def __init__(self, parent):
        wx.Panel.__init__(self, parent)

        # self.aquamarine = wx.Colour("LIGHT BLUE)

        agwStyle = (
            ULC.ULC_HAS_VARIABLE_ROW_HEIGHT | wx.LC_REPORT | wx.LC_SINGLE_SEL)

        self.ul = ULC.UltimateListCtrl(
            self, agwStyle=agwStyle)

        sizer = wx.BoxSizer(wx.VERTICAL)
        sizer.Add(self.ul, 1, wx.EXPAND | wx.ALL, 5)
        self.SetSizer(sizer)

        mask = wx.LIST_MASK_TEXT | wx.LIST_MASK_IMAGE  | wx.LIST_MASK_FORMAT 

        def gen_column_header(name, kind=0, mask=mask):
            info = ULC.UltimateListItem()
            info._mask = mask
            info._format = wx.LIST_FORMAT_CENTER
            info._kind = kind
            info._text = name
            info._font = wx.Font(11, wx.FONTFAMILY_DEFAULT, wx.FONTSTYLE_NORMAL, wx.FONTWEIGHT_NORMAL, 0, "") 
            return info

        self.item = ["撮影日", "写真"]
        self.width = [150,300]

        for i in range(len(self.item)):
            self.ul.InsertColumnInfo(i, gen_column_header(self.item[i], 1, mask | ULC.ULC_MASK_FONT))
            self.ul.SetColumnWidth(i, self.width[i])

        photolist=["a.png","b.png"]
        colorlist=["LIGHT BLUE","LIGHT GREY"]

        for i in range(2):
            self.ul.InsertStringItem(i, "")
            self.checkBox = wx.CheckBox(self.ul, wx.ID_ANY, "",(0,0), (-1,-1), 0, name=self.item[0])
            self.checkBox.SetLabel("撮影日")
            self.checkBox.SetFont(wx.Font(14, wx.FONTFAMILY_DEFAULT, wx.FONTSTYLE_NORMAL, wx.FONTWEIGHT_NORMAL, 0, ""))
            self.ul.SetItemBackgroundColour(i, wx.Colour(colorlist[i]))
            self.checkBox.SetBackgroundColour(wx.Colour(colorlist[i]))
            self.ul.SetItemWindow(i, 0, self.checkBox, expand=True)
            imagelist = wx.ImageList(300, 200)
            imageidx = imagelist.Add(wx.Icon(photolist[i], wx.BITMAP_TYPE_ANY)) 
            self.ul.AssignImageList(imagelist, wx.IMAGE_LIST_SMALL)
            self.ul.SetItemColumnImage(i,1,imageidx)
            self.ul.SetItemBackgroundColour(i, wx.Colour(colorlist[i]))

    def onClick(self, event):
        img = Image.open(self.file)
        img.show()

class MainFrame(wx.Frame):
    def __init__(self):
        wx.Frame.__init__(self, None, title="frame", size=(500, 550))
        MainPanel(self)
        self.Show()


if __name__ == "__main__":
    app = wx.App(False)
    frame = MainFrame()
    app.MainLoop()

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

Python 3.8.5

Answer 1

最後にimagelistに加えた画像だけが挿入されてしまいます。

ImageList 関連のコードを for文の外側に出します。

問題点は、SetItemColumnImage では ImageList の index 情報だけを持ち、
実際の画像は AssignImageList で関連付けされた ImageList が持ちます。
for 文内でImageList上書き設定しているため、最後のに設定されたImageListの画像が表示されます。

imagelist = wx.ImageList(300, 200)
self.ul.AssignImageList(imagelist, wx.IMAGE_LIST_SMALL)

for i in range(2):
   ...

現状は実行に問題なさそうですが、self.checkbox も同じ理由により、上書きしてしまってます。
→ 後から self.checkbox でチェックボックスを参照したい場合、最後しか参照できない。

---

チェックボックスと画像をカラムに中央揃え配置する方法

通常のテキストであれば item の SetAlign で中央にできるのですが、
独自ウィジェットや画像の場合はサポート外です。

• wx.CheckBox の style オプションでは 右寄せのみサポート

　ALIGN_CENTER は指定してもエラーは出ないが変化なし。

wx.CheckBox(self.ul, wx.ID_ANY, "",
                (0,0), (-1,-1), wx.ALIGN_RIGHT, name=self.item[0])

とりあえず、思いつく代案は CustomRenderer で独自に描画する方法です。
自由度は高くなりますが、コードは少々複雑になります。

• UltimateListCtrl.SetItemCustomRenderer

the renderer class must implement the methods DrawSubItem, GetLineHeight and GetSubItemWidth.

上記のメソッドを実装したクラスを作ります。（基底クラスは何でもいい）

• GetLineHeight, GetSubItemWidth は数値を返すメソッド
• DrawSubItem が独自の描画処理を担います。詳しくは OnPaint 等での描画を調べてください。

　wx.DC

公式のデモ内にサンプルコード有

• UltimateReportDemo

Comments

[able]

teammilk様
ご回答ありがとうございます。
別々の画像を挿入することに成功しました。
中央揃えの件についても挑戦してみようと思います。