python のtkinterを使って画像表示がうまくいかない

Question

現在python3.6(ツールはSpyder)を使用しております。
やりたいことは、
①ボタンを押したら
②画像を表示する
ことです。

現在以下のソースコードで実行すると、エラーは発生しません。
黒い星印(★)の2行を、白い星印(星)の行に移動させると表示されます。

ボタンのイベントの中で画像表示する場合は、何か特別な処理が必要なのでしょうか？
まだ始めたばかりで色々知識が不足して検討違いな質問かもしれませんが、
よければアドバイスをいただきたいです。

-- coding: utf-8_sig --
import tkinter
import os
path = os.getcwd()+"\test.png"#表示したい画像名

def test(event):
image1 = tkinter.PhotoImage(file = path)
★ tkinter.Label(root, image = image1).pack()
★ print("test")

root = tkinter.Tk()
root.geometry("400x300+1000+10")

☆
☆

Button = tkinter.Button(text="button")
Button.pack()
Button.bind("<Button-1>",test)

root.mainloop()

Answer 1

おはようございます。

問題文読ませていただきました。

恐らく、ガベージコレクションの問題が起きているようです。(ガベージコレクションとは？

画像描画を行うのが、関数内(test関数)ではなくmainloop関数箇所なので、test関数を抜けたタイミングで画像データの値が破棄されている模様です。

問題解決するために、Widget自身のimageへ値を代入する、global変数を利用する方法があります。

「Widget自身のimageへ値を代入する」に関しては、magichanさんが記載されているので、global変数を利用する方法を以下のコードでまとめました。

import os
import tkinter

# 表示したい画像ファイルパス
path = os.getcwd()+"/xxx.xxx"

# 画像を表示する関数


def test(event):
    # ガベージコレクションが起こり、関数終了後、ローカル変数の場合に画像情報が自動消滅するのを防ぐため、global変数を利用する。
    # 描画は、main関数内で展開される。 → ローカル変数だとmain関数実行時に画像情報が残っていない。 → グローバル変数を利用して、test関数終了後も値参照できるようにしておく。
    # グローバル変数、ローカル変数とは? : https://itsakura.com/python-local-global#:~:text=%E3%82%B0%E3%83%AD%E3%83%BC%E3%83%90%E3%83%AB%E5%A4%89%E6%95%B0%E3%81%AF%E9%96%A2%E6%95%B0%E3%81%AE,%E5%A4%89%E6%95%B0%E5%90%8D%E3%81%A7%E3%82%82%E5%8F%AF%E3%81%A7%E3%81%99%E3%80%82
    # ガベージコレクション : https://ja.wikipedia.org/wiki/%E3%82%AC%E3%83%99%E3%83%BC%E3%82%B8%E3%82%B3%E3%83%AC%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3#:~:text=%E3%82%AC%E3%83%99%E3%83%BC%E3%82%B8%E3%82%B3%E3%83%AC%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3%EF%BC%88%E8%8B%B1%3A%20garbage%20collection,%E3%83%9E%E3%83%83%E3%82%AB%E3%83%BC%E3%82%B7%E3%83%BC%E3%81%AB%E3%82%88%E3%81%A3%E3%81%A6%E7%99%BA%E6%98%8E%E3%81%95%E3%82%8C%E3%81%9F%E3%80%82
    global image

    # TkinterのWidgetで画像が扱える形へ変更する。
    # 画像について : https://kuroro.blog/python/Z7k1LSyDyiDHtD5UCjmG/
    image = tkinter.PhotoImage(file=path)
    # Windowを親要素として、label Widgetを作成する。
    # image : 画像情報
    # Labelについて : https://kuroro.blog/python/Pj4Z7JBNRvcHZvtFqiKD/
    label = tkinter.Label(root, image=image)
    # Windowを親要素として、label Widgetをどのように表示するのか？
    # packについて :  https://kuroro.blog/python/UuvLfIBIEaw98BzBZ3FJ/
    label.pack()


# Windowを作成する。
root = tkinter.Tk()

# Windowの画面サイズを設定する。
# geometryについて : https://kuroro.blog/python/rozH3S2CYE0a0nB3s2QL/
root.geometry("400x300+1000+10")

# Windowを親要素として、button Widgetを作成する。
# text : テキスト情報
# Buttonについて : https://kuroro.blog/python/oFju6EngDtcYtIiMIDf1/
Button = tkinter.Button(root, text="button")
# Windowを親要素として、button Widgetをどのように表示するのか？
# packについて :  https://kuroro.blog/python/UuvLfIBIEaw98BzBZ3FJ/
Button.pack()

# イベントと関数の実行を紐づける。
# 第一引数 : イベント内容。button Widgetがクリックされた場合
# 第二引数 : 第一引数が試行された場合に、実行する関数名。testとする。
# 戻り値 : なし
# bindについて : https://kuroro.blog/python/eI5ApJE1wkU7bHsuwk0H/
Button.bind("<Button-1>", test)

# Windowをループさせて、継続的にWindow表示させる。
# mainloopについて : https://kuroro.blog/python/DmJdUb50oAhmBteRa4fi/
root.mainloop()

ご確認のほど、よろしくお願いいたします。????‍♂️

Answer 2

これかな？

http://effbot.org/pyfaq/why-do-my-tkinter-images-not-appear.htm

詳細な原因はよくわかりませんが、Imageを動的に更新する際はLabel(image=...) の他に Label.image も更新する必要があるようです。

ということで、とりあえず test()関数を

def test(event):
    image1 = tkinter.PhotoImage(file = path)
    label = tkinter.Label(root, image = image1)
    label.image = image1
    label.pack()
    print("test")

のように修正してみたところ、私の環境では画像が表示されました

Comments

[basscl]

magichanさん
関数をアドバイス通り変更したところ、うまくいきました。
本当に助かりました。ありがとうございます。