Python:画像を更新したい

Question

前提・実現したいこと

画像を2つ用意します、1つは名前をimgA.pngとしてプログラムを実行
ウィンドウ内に1つ目の画像が表示されます
実行中に1つ目の画像の名前を適当な物に変え、用意した2つ目の画像の名前をimgA.pngに変更します。
ウィンドウにある入力ボックスをエンターで決定後用意した2つ目に画像が変わるプログラム実現させたい

発生している問題・エラーメッセージ

ウィンドウ内の画像が更新できない

該当のソースコード

import tkinter
import cv2
from PIL import Image, ImageTk

def calc(event):  # Etnerキー押下時の動作 
    textBox1.delete(0,tkinter.END)
    #ここにプログラムがはいる？

root = tkinter.Tk()
root.geometry("800x550")         # 画面サイズ 
image_1 = cv2.imread("imgA.png")
image_2 = cv2.cvtColor(image_1, cv2.COLOR_BGR2RGB) # imreadはBGRなのでRGBに変換
image_3 = Image.fromarray(image_2) # RGBからPILフォーマットへ変換
image_4  = ImageTk.PhotoImage(image_3) # ImageTkフォーマットへ変換
canvas = tkinter.Canvas(root, width=400, height=600,) # Canvas作成
canvas.create_image(200, 300, image=image_4) # ImageTk 画像配置
canvas.pack()
textBox1 = tkinter.Entry(width=100)         # 入力用テキストボックス 
textBox1.place(x=100, y=5)                # テキストボックス位置指定
textBox1.focus_set()                      # テキストボックスにフォーカス指定 
textBox1.bind('<Return>', calc) 
root.mainloop()

試したこと

リロードをする関数かなにかがあればできる？

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

質問主:python初心者　vbaは業務の簡易化にコードを書く程度
python 3.9.2 64-bit

Answer 1

canvas.create_image の戻り値を控えておきます。

imageItemID = canvas.create_image(200, 300, image=image_4) # ImageTk 画像配置

画像を変更したい場所で、canvas.itemconfigure を使い更新

canvas.itemconfigure(imageItemID, image=image_X) # image_X は 新しいPhotoImage 

もしくは、canvas.delete で一旦削除してから、新たに canvas.create_image。

---

注意点は、PhotoImage オブジェクトを管理する変数の生存期間。

image_4 はグローバル変数なので、ずっと残り続ける為問題ありませんが、
もし、差し替えたい画像を calc 関数内のローカル変数にした場合は、
関数を抜ける時点で PhotoImage が破棄されてしまう為、画像が表示されません（エラーにもなりません）

import tkinter


def calc(event):  # Etnerキー押下時の動作 
    textBox1.delete(0,tkinter.END)
    #ここにプログラムがはいる？


    # NG: ここでローカル変数」に読み込む場合、画像は calc() が終わった後に破棄される。
    # imageB = tkinter.PhotoImage(file="imgB.png")
    
    canvas.itemconfigure(imageItem, image=imageB)


root = tkinter.Tk()
root.geometry("800x550")         # 画面サイズ 

# ここで画像を準備。因みに古いバージョンでなければ png ファイルは対応してます。
imageA = tkinter.PhotoImage(file="imgA.png")
imageB = tkinter.PhotoImage(file="imgB.png")

canvas = tkinter.Canvas(root, width=400, height=600,) # Canvas作成
imageItem = canvas.create_image(200, 300, image=imageA) # ImageTk 画像配置
canvas.pack()
textBox1 = tkinter.Entry(width=100)         # 入力用テキストボックス 
textBox1.place(x=100, y=5)                # テキストボックス位置指定
textBox1.focus_set()                      # テキストボックスにフォーカス指定 
textBox1.bind('<Return>', calc) 
root.mainloop()

Comments

[saberoa]

回答ありがとうございます！
calcの中で
image_1 = cv2.imread("imgB.png")
とかやってもだめだったのは消えてたんですね、
Pythonのスコープについてもう少し理解を深めていきます！

[teamikl]

＞ calcの中で image_1 = cv2.imread("imgB.png")
＞ とかやってもだめだったのは消えてたんですね、

厳密には、ここではなく ImageTk.PhotoImage の部分ですね。

Tkinter では
Widget (Label, Button 等) であれば、ライブラリ側で管理される為、
ローカル変数でも問題ありませんが、

非Widget (StringVar, PhotoImage 等) は、Tkinter の実装で
デストラクタで破棄される設計になってる為、独自にオブジェクトの生存管理が必要です。