【Tkinter】画像キャンバス表示を別の関数に分割すると、表示できなくなる【Python】

実現したいこと：画像キャンバス表示を、別の関数に分けて実行したい

TkinterでGUIの開発をしています。
ボタンを押して画像を含んだキャンバスを表示する関数を作ったのですが、同じ操作が複数回出てくるため、同じ作業をする部分を別の関数に分けようと思っています。

しかし、同じ作業をしているはずなのに、関数を分けたところ画像が表示されなくなってしまいました。
エラーメッセージは出ていません。
画像サイズに依存したキャンバスサイズは設定されているため、画像が読み込まれていないわけではなさそうです。

どういう症状か分からないため、お詳しい方、教えていただきたいです。
よろしくお願いします。

A: 一つの関数で表示する場合（成功）

python
1import tkinter as tk
2import cv2
3import numpy as np
4from PIL import Image, ImageTk
5
6# ボタンから呼び出して画像キャンバスを表示する関数
7def VShow():
8 global vroot
9 # 画像処理
10 img = cv2.imread(r"C:\~~~\sample.png")
11 hi = img.shape[0]
12 wi = img.shape[1]
13 img2 = cv2.cvtColor(img, cv2.COLOR_BGR2RGB)
14 img2 = Image.fromarray(img2)
15 root = tk.Tk()
16 root.title(u"SAMPLE")
17 root.geometry("600x800")
18 root.resizable(0,0)
19 root.configure(bg="gray94")
20 img3 = ImageTk.PhotoImage(img2, master=root)
21 # Canvas Widget を生成
22 canwid = 600		#画面幅-スクロールバー幅
23 canvas = tk.Canvas(root, bg="gray94", width=canwid, height=hi)
24 # Scrollbar を生成して配置
25 bar = tk.Scrollbar(root, orient=tk.VERTICAL)
26 bar.pack(side=tk.RIGHT, fill=tk.Y)
27 bar.config(command=canvas.yview)
28 # Canvas Widget を配置
29 canvas.config(yscrollcommand=bar.set)
30 canvas.config(scrollregion=(0, 0, 0, hi)) #スクロール範囲
31 canvas.pack(side=tk.LEFT, fill=tk.BOTH)
32 # Frame Widgetを 生成
33 frame = tk.Frame(canvas)
34 # Frame Widgetを Canvas Widget上に配置
35 canvas.create_window((0, 0), window=frame, anchor=tk.NW, width=canvas.cget('width'), height=hi)
36 #画像をFrame上に配置
37 can = tk.Canvas(frame, bg="gray94", width=canwid, height=hi)
38 can.pack(anchor=tk.NW)
39 can.create_image(600, 0, image=img3, anchor=tk.N)
40 ###
41 # 所定の作業
42 ###
43 root.mainloop()
44
45

B: 関数を分ける場合（失敗、キャンバスのみで画像は表示されず）

python
1import tkinter as tk
2import cv2
3import numpy as np
4from PIL import Image, ImageTk
5
6# 画像キャンバス表示関数
7def Img_Show(img, tit):
8 hi = img.shape[0]
9 wi = img.shape[1]
10 img2 = cv2.cvtColor(img, cv2.COLOR_BGR2RGB)
11 img2 = Image.fromarray(img2)
12 root = tk.Tk()
13 root.title(tit)
14 root.geometry("600x800")
15 root.resizable(0,0)
16 root.configure(bg="gray94")
17 img3 = ImageTk.PhotoImage(img2, master=root)
18 # Canvas Widget を生成
19 canwid = 600
20 canvas = tk.Canvas(root, bg="gray94", width=canwid, height=hi)
21 # Scrollbar を生成して配置
22 bar = tk.Scrollbar(root, orient=tk.VERTICAL)
23 bar.pack(side=tk.RIGHT, fill=tk.Y)
24 bar.config(command=canvas.yview)
25 # Canvas Widget を配置
26 canvas.config(yscrollcommand=bar.set)
27 canvas.config(scrollregion=(0, 0, 0, hi)) #スクロール範囲
28 canvas.pack(side=tk.LEFT, fill=tk.BOTH)
29 # Frame Widgetを 生成
30 frame = tk.Frame(canvas)
31 # Frame Widgetを Canvas Widget上に配置
32 canvas.create_window((0, 0), window=frame, anchor=tk.NW, width=canvas.cget('width'), height=hi)
33 #画像をFrame上に配置
34 can = tk.Canvas(frame, bg="gray94", width=canwid, height=hi)
35 can.pack(anchor=tk.NW)
36 can.create_image(600, 0, image=img3, anchor=tk.N)
37 # 戻り値
38 return root
39
40
41# =====================================================================================
42# ボタンから呼び出される関数
43def VVV():
44 global vroot
45 vimg = cv2.imread(r"C:\~~~\sample.png")
46 vtitle = u"SAMPLE"
47 # 上の関数呼び出し
48 root = Img_Show(vimg, vtitle)
49 # 戻り値rootをvrootに格納
50 vroot = root
51 ###
52 # 所定の作業
53 ###
54 vroot.mainloop()
55
56

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

Windows10
Python 3.8.3
tkinter 8.6
OpenCV 4.4.0.40
Pillow 7.2.0
numpy 1.19.1

行動規範の内容に同意します

回答1件

ベストアンサー

PhotoImageオブジェクトは変数が使われなくなると判断されるとガベージコレクションで消去されてしまいます。
恐らくですが、Aは関数内でmainloopされているため変数img3が使用状態にあると判断されて残っているが、
Bはimg3を宣言している関数が終了しているため、ガベージコレクションされてしまったと思われます。

ガベージコレクションを避ける最も簡単な方法はPhotoImageオブジェクトの変数をグローバル変数にしてしまうことですが、
他にもガベージコレクションさえ避けられれば画像を残すことができます。

python
1・・・
2# 画像キャンバス表示関数
3def Img_Show(img, tit):
4    global img3
5    hi = img.shape[0]
6    wi = img.shape[1]
7    img2 = cv2.cvtColor(img, cv2.COLOR_BGR2RGB)
8    img2 = Image.fromarray(img2)
9    root = tk.Tk()
10    root.title(tit)
11    root.geometry("600x800")
12    root.resizable(0,0)
13    root.configure(bg="gray94")
14    img3 = ImageTk.PhotoImage(img2, master=root)
15    # Canvas Widget を生成
16    canwid = 600
17    canvas = tk.Canvas(root, bg="gray94", width=canwid, height=hi)
18    # Scrollbar を生成して配置
19    bar = tk.Scrollbar(root, orient=tk.VERTICAL)
20    bar.pack(side=tk.RIGHT, fill=tk.Y)
21    bar.config(command=canvas.yview)
22    # Canvas Widget を配置
23    canvas.config(yscrollcommand=bar.set)
24    canvas.config(scrollregion=(0, 0, 0, hi)) #スクロール範囲
25    canvas.pack(side=tk.LEFT, fill=tk.BOTH)
26    # Frame Widgetを 生成
27    frame = tk.Frame(canvas)
28    # Frame Widgetを Canvas Widget上に配置
29    canvas.create_window((0, 0), window=frame, anchor=tk.NW, width=canvas.cget('width'), height=hi)
30    #画像をFrame上に配置
31    can = tk.Canvas(frame, bg="gray94", width=canwid, height=hi)
32    can.pack(anchor=tk.NW)
33    can.create_image(600, 0, image=img3, anchor=tk.N)
34    # 戻り値
35    return root
36・・・