Pythonで２つのダイアログ

Question

Pythonを使用して、1枚の画像を左右に分割しにし、分割した画像を別々のダイアログに表示するプログラムを作成しています。下記のプログラムにてダイアログは表示されたのですが、分割した画像のうち2番目の画像が表示しません。ご存じの方たいらっしゃれば修正方法のご教示をお願いいたします。Pythonには不慣れなので根本的な間違いがあるかもしれませんので、合わせてよろしくお願いいたします。

import tkinter
from PIL import Image, ImageTk

# windowを描画
window1 = tkinter.Tk()
window2 = tkinter.Tk()

# windowサイズを変更
window1.geometry("600x400")    #実際に表示するウィンドウのサイズ
window2.geometry("800x600")    #実際に表示するウィンドウのサイズ

# windowタイトルを設定
window1.title("the Tkinter 1st")
window2.title("the Tkinter 2nd")

# 画像を表示するための準備
img = Image.open('test.jpg')
img = ImageTk.PhotoImage(img)
# 画像を表示するためのキャンバスの作成（黒で表示）
canvas = tkinter.Canvas(bg = "black", width=400, height=300)
canvas.place(x=100, y=50) # 左上の座標を指定
# キャンバスに画像を表示する。第一引数と第二引数は、x, yの座標
canvas.create_image(30, 30, image=img, anchor=tkinter.NW)

# 画像2を表示するための準備
img2 = Image.open('test2.jpg')
img2 = ImageTk.PhotoImage(img2)
# 画像を表示するためのキャンバスの作成（白で表示）
canvas2 = tkinter2.Canvas(bg = "white", width=600, height=400)
canvas2.place(x=100, y=50) # 左上の座標を指定
# キャンバスに画像を表示する。第一引数と第二引数は、x, yの座標
canvas2.create_image(30, 30, image=img2, anchor=tkinter.NW)

#表示
window1.mainloop()
window2.mainloop()

Comments

[y_waiwai]

このままではコードが読めないので、質問を編集し、<code>ボタンを押し、出てくる’’’の枠の中にコードを貼り付けてください

[hero_mato]

ご指摘ありがとうございます。コード欄にソースを記載しなおしました。

Answer 1

おはようございます。

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

こんな感じでいかがでしょうか？

import tkinter
from PIL import Image, ImageTk

# Windowを描画する。
window1 = tkinter.Tk()
window2 = tkinter.Tk()

# Windowの画面サイズを設定する。
# geometryについて : https://kuroro.blog/python/rozH3S2CYE0a0nB3s2QL/
window1.geometry("600x400")
# Windowの画面サイズを設定する。
# geometryについて : https://kuroro.blog/python/rozH3S2CYE0a0nB3s2QL/
window2.geometry("800x600")

# Windowタイトルを設定
window1.title("the Tkinter 1st")
# Windowタイトルを設定
window2.title("the Tkinter 2nd")

# 画像1を表示するための準備
# 画像について : https://kuroro.blog/python/Z7k1LSyDyiDHtD5UCjmG/
img1 = Image.open('/path_to/xxx.xxx')
# 画像を貼り付ける先を設定するため、masterへwindow1を設定する。
img1 = ImageTk.PhotoImage(img1, master=window1)

# Windowを親要素として、画像を表示するためのcanvas Widgetを作成。
# bg : 背景色
# 色の設定を変更する場合 : http://www.tcl.tk/man/tcl/TkCmd/colors.htm
# width : 幅の設定
# height : 高さの設定
# Canvasについて : https://kuroro.blog/python/ANyM9WLpd0LSXRQAELOj/
canvas1 = tkinter.Canvas(window1, bg="black", width=1000, height=1000)
# Windowを親要素として、canvas Widgetをどのように配置するのか？
# placeについて : https://kuroro.blog/python/JyaHUKyFyxCa0baFfXg0/
canvas1.place(x=100, y=50)
# キャンバスに画像を表示する。
# 第一引数 x座標 : 200
# 第二引数 y座標 : 200
# <option>
# image : 表示するimage情報
# anchor : 画像の配置を変更する。tk.NW(左上)
# 戻り値 : ID
canvas1.create_image(30, 30, image=img1, anchor=tkinter.NW)

# 画像2を表示するための準備
# 画像について : https://kuroro.blog/python/Z7k1LSyDyiDHtD5UCjmG/
img2 = Image.open('/path_to/xxx.xxx')
# 画像を貼り付ける先を設定するため、masterへwindow2を設定する。
img2 = ImageTk.PhotoImage(img2, master=window2)

# Windowを親要素として、画像を表示するためのcanvas Widgetを作成。
# bg : 背景色
# 色の設定を変更する場合 : http://www.tcl.tk/man/tcl/TkCmd/colors.htm
# width : 幅の設定
# height : 高さの設定
# Canvasについて : https://kuroro.blog/python/ANyM9WLpd0LSXRQAELOj/
canvas2 = tkinter.Canvas(window2, bg="black", width=1000, height=1000)
# Windowを親要素として、canvas Widgetをどのように配置するのか？
# placeについて : https://kuroro.blog/python/JyaHUKyFyxCa0baFfXg0/
canvas2.place(x=100, y=50)
# キャンバスに画像を表示する。
# 第一引数 x座標 : 200
# 第二引数 y座標 : 200
# <option>
# image : 表示するimage情報
# anchor : 画像の配置を変更する。tk.NW(左上)
# 戻り値 : ID
canvas2.create_image(30, 30, image=img2, anchor=tkinter.NW)

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

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

またTkinterの構成要素からcanvasに関するサンプルコードを、以下の記事でまとめましたので、ご確認いただけますと幸いです。
・Tkinterで使われるcanvasとは?具体的な活用方法やコードを徹底解説

Answer 2

tkinter.Tk は一カ所のみにして、
2つ目以降のサブウィンドウには tkinter.Toplevel を使います。

mainloop() も基本メインウィンドウの一カ所のみです。
mainloop は GUIの描画やイベントといった処理を担当する為
ウィンドウが閉じられる迄、その後ろのコードは実行されません。

---

、分割した画像のうち2番目の画像が表示しません。

- canvas2 = tkinter2.Canvas(bg = "white", width=600, height=400)
+ canvas2 = tkinter.Canvas(window2, bg = "white", width=600, height=400)

親ウィジェットを指定し、キャンバスを２つ目のウィンドウに作成します

Comments

[hero_mato]

ご教示いただいた方法で実行してみたところ、無事に2画面表示することを確認できました。お時間いただきありがとうございました。