python,tkinter,GUI,button ボタンの画像が最後しか表示されない

Question

前提・実現したいこと

すべてのボタンに画像を表示したい
最後のボタンしか表示されない

プログラミング初心者です
for..inで生成しているボタンに画像を表示したいが、最後のボタンしか画像が表示されないです。

###試したこと
######forを使わず一つずつ表示してみる（画像もすべて表示される）
最初、ここを見ながら、画像ボタンのコードを書きました
これは意図通り動きました

import tkinter as tk
# rootメインウィンドウの設定
root = tk.Tk()

# 画像ファイルをインスタンス変数に代入 <- 一つずつ画像を設定するときはすべて表示される
img00 = tk.PhotoImage(file="00.png")
img01 = tk.PhotoImage(file="01.png")
img02 = tk.PhotoImage(file="02.png")

# 画像のリサイズ
img00 = img00.subsample(5, 5)
img01 = img01.subsample(5, 5)
img02 = img02.subsample(5, 5)

# 各種ウィジェットの作成
button00 = tk.Button(root, text="0", image=img00, compound="top")
button01 = tk.Button(root, text="1", image=img01, compound="top")
button02 = tk.Button(root, text="2", image=img02, compound="top")

# 各種ウィジェットの設置
button00.pack()
button01.pack()
button02.pack()

root.mainloop()

for..inを使って表示をしてみる（最後の画像しか表示されない）

次に、これを、for..inのボタンに組み込もうとして、できませんでした。
最後のボタン以外画像が表示されませんでした。

import tkinter as tk
root = tk.Tk()
buttons = []
for i in range(3):
    # 画像ファイルをインスタンス変数に代入　<-　for..inだと最後以外の画像が表示されない
    img = tk.PhotoImage(file= "0" + str(i) + ".png")
    # 画像のリサイズ
    img = img.subsample(5, 5)

    # コールバック関数にボタン番号の値を引数で渡す
    buttons.append(tk.Button(root,text=i,image=img, compound="top"))
    buttons[i].pack()

root.mainloop()

現象としてはテラテイルのこのページに似ていると思うのですが、初心者のため解決方法を見ても意味がよくわかりませんでした（コピペ元のサイトにも書いてあったインスタンスが上書き～等の文、重要そうな文章だと思うのですが、なんのことかよくわからない）

詳しい方いらっしゃったら、ご回答いただきたいです
よろしくお願いします

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

vscode
python

Answer 1

PhotoImage クラスにはデストラクタが設定されていて、
ローカル変数だと、次のループで上書きされた時に消えてしまいます。

変数名を変えるか、リストや辞書に入れることで回避できます。

# for文の外でリストを準備
images = []

# for文内で
images.append(img)

Comments

[sofia]

動きました！
なるほど、コードをよく見たら、buttonsに対しても同じ書き方がしてありました
意味がよくわかっていなかったのですが、画像を表示するときも同じやり方でできるのですね、
ありがとうございました！

[teamikl]

ボタン等のウィジェットは、親ウィジェットの children に
自動的に格納されるので、ローカル変数でも大丈夫だったりします。

tkinter では StringVar や PhotoImage 等の非ウィジェットが
ローカル変数だと、スコープを抜けた時に消えてしまい、
同様のバグの原因になります。

[sofia]

詳しく教えていただきありがとうございました！