Tkinterで画面遷移を作るにあたり、Pythonファイルを複数に分けたい

Question

前提・実現したいこと

• tkinterで画面遷移をさせたいです。
• Tkinterで画面切り替え・画面遷移を参考にしました。
• 上記のサイトでは、一つのファイルに複数の画面のコードを記載していますが、整理しやすくするために画面毎にPythonファイルを分けたいです。

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

• 起動すると、「sample1」が問題なく立ち上がります。
• 「sample2」ボタンをクリックすると、画面遷移ではなく、「sample1」は開いたまま、「sample2」という別の画面が開きます。

⁻　「テスト」という表示は、「sample2」の方に表示されて欲しかったのですが、「sample1」の方に表示されてしまいます。

該当のソースコード

# base.py
import tkinter as tk

class Sample1(tk.Tk):
    def __init__(self, *args, **kwargs):
        tk.Tk.__init__(self, *args, **kwargs)
    
        self.title('sample1')
        self.geometry('800x600')
        self.grid_rowconfigure(0, weight=1)
        self.grid_columnconfigure(0, weight=1)

        # main frame
        self.main_frame = tk.Frame()
        self.main_frame.grid(row=0, column=0, sticky="nsew")
        self.to_pl = tk.Button(
            self.main_frame, text='sample2', command=lambda: self.change_page(sample2.Sample2())
        )
        self.to_pl.pack()


def change_page(self, page):
        page.tkraise()


if __name__ == "__main__":
    app = Sample1()
    app.mainloop()

# sample2
import tkinter as tk

class Sample2(tk.Tk):
    def __init__(self, *args, **kwargs):
        tk.Tk.__init__(self, *args, **kwargs)

        self.title('sample2')
        self.geometry('800x600')
        self.grid_rowconfigure(0, weight=1)
        self.grid_columnconfigure(0, weight=1)

        self.main_frame = tk.Frame()
        self.main_frame.grid(row=0, column=0, sticky="nsew")
        self.titleLabel = tk.Label(self.main_frame, text="テスト", font=('Helvetica', '35'))
        self.titleLabel.pack(anchor='center', expand=True)

同じファイル内に書き込めば、画面遷移がうまくいくことは確認できているのですが、別のファイルにした場合、どのように読み込めばうまく動くのでしょうか。
お分かりの方、ご教示頂ければ幸いです。
よろしくお願い致します。

Answer 1

起動する部分のコード (mainloop) が解らないのですが、
Tk のインスタンスを複数作るのは問題です。

• Tkinter のプログラムでは、基本 tkinter.Tk() はプロセス中で一つのみ作成します。

　Tk() は、Toplevelのウィンドウを持つので、同じウィンドウ内での遷移は出来ません。

　また、tkinterモジュール内部でグローバル変数を使っていて、デストラクタで破棄される仕様なので
複数のインスタンスを生成すると、他のインスタンスに影響し、問題の原因となる事が多いです。

• ダイアログ等、複数のウィンドウが必要な場合は Tkを２つ作るのではなく、Toplevelクラスを使います

• 同じウィンドウ内で画面を遷移するには、各画面はFrame を継承したクラスにします

---

画面遷移のデモ。長くなった＆複数ファイルなのでソースは外部サイト。 [source]

Comments

[nichel]

python初心者です。
同じような疑問をもって情報を探していたのですが、モジュールを分割したり、tkinterでGUIを作ることは書いてあっても、それを組み合わせたものがなくて困っていました。おかげで解決しそうです。ありがとうございました。

なお、main.pyの中で、from stackedframe import StackedFrameとありますが、StackedFrame.pyの中のクラスはStackedFrameなので、from StackedFrame import StackedFrameと書かないと動かないようです。（私と同じ初心者の方向けに、私の躓いたところを書きました）

[teamikl]

> StackedFrame.pyの中のクラスはStackedFrameなので、from StackedFrame import StackedFrameと書かないと動かないようです。

これに関しては、ファイル名の大文字小文字が保存時に自動で変換されている可能性があります。

ファイル名 stackedframe.py のモジュール名は stackedframe なので
from stackedframe import StackedFramで間違いありません。

ファイル名 StackedFrame.py の場合、モジュール名 StackedFrame なので、
ファイル名に合わせてモジュール名の大文字小文字を合わせる必要があります。

モジュール名を CamelCase にするかどうかは好みの問題ですが、
tkinter 関連では小文字に統一が多かったりします。
標準ライブラリでの例: from tkinter.filedialog import FileDialog

[nichel]

teamikl様
おっしゃるとおり、私の保存したファイル名が誤っていました。
くだらないことを書いてしまいました。消してしまいたい。。。申し訳ありませんでした。