1つのウィンドウで画面遷移を行うには、どうすればよいのか。

前提・実現したいこと

画面１から、画面２に遷移できるようにしたい。（画面1と別にウィンドウが作られるのではなく、画面1のウィンドウに画面2が表示されるようにする。下記のコードは、メインウィンドウとは、別にウィンドウを作っています。)

画面１：
イメージ説明
画面２：

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

該当のソースコード

画面１(MainWindow.py)

python
1# -*- coding: utf-8 -*-
2
3#====================================================================================
4# ライブラリ
5#====================================================================================
6# GUIを扱う
7import tkinter
8# tkinterよりデザインが良くなる
9from tkinter import ttk
10# 名前入力画面を扱う
11import InputNameWindow as inw
12
13#====================================================================================
14# 関数定義
15#====================================================================================
16#------------------------------------------------------------------------------------
17# startボタンを押したときの処理
18#------------------------------------------------------------------------------------
19def startCommand():
20    inw.main()
21
22#====================================================================================
23# 本体関数
24#====================================================================================
25# main関数を追加し、スコープを切る
26def main() -> None:
27    # インスタンス生成
28    window = tkinter.Tk()
29    
30    # ウィンドウタイトルを決定
31    window.title("WORDPRACTICE")
32    
33    # ウィンドウの大きさを決定
34    window.geometry("800x600")
35    
36    ### タイトル表示
37    #--- ラベル生成
38    # 空白
39    spaceLabel1 = [tkinter.Label(window, text="") for column in range(10)]
40    spaceLabel2 = [tkinter.Label(window, text="") for column in range(3)]
41    # タイトル
42    titleLabelFont  = ("Helevetice", 32, "bold")
43    titleLabel      = ttk.Label(window, text="WORDPRACTICE", font=titleLabelFont)
44    
45    #--- ラベル配置
46    # 空白
47    for index in range(10):
48        spaceLabel1[index].pack()
49    # タイトル
50    titleLabel.pack()
51    
52    ### ボタン表示
53    #---  ボタン生成
54    startButton =\
55     ttk.Button(window, text="           Start           ", command=startCommand)
56    
57    #---  ボタン配置
58    # 空白
59    for index in range(3):
60        spaceLabel2[index].pack()
61    # ボタン
62    startButton.pack()
63    
64    # プログラムを始める
65    window.mainloop()
66
67#====================================================================================
68# 本体処理
69#====================================================================================
70if __name__ == "__main__":
71    main()
72
73

画面2(InputNameWindow.py)

python
1# -*- coding: utf-8 -*-
2
3#====================================================================================
4# ライブラリ
5#====================================================================================
6# GUIを扱う
7import tkinter
8# tkinterよりデザインが良くなる
9from tkinter import ttk
10
11#====================================================================================
12# 関数定義
13#====================================================================================
14#------------------------------------------------------------------------------------
15# 
16#------------------------------------------------------------------------------------
17
18#====================================================================================
19# 本体関数
20#====================================================================================
21def main() -> None:
22    # インスタンス生成
23    window = tkinter.Tk()
24    
25    # ウィンドウタイトルを決定
26    window.title("WORDPRACTICE")
27    
28    # ウィンドウの大きさを決定
29    window.geometry("800x600")
30    
31    ###  空白
32    #---  ラベル生成
33    spaceLabel1 = [tkinter.Label(window, text="") for column in range(5)]
34    # タイトル
35    titleLabelFont  = ("Helevetice", 18)
36    titleLabel      =\
37       ttk.Label(window, text="ユーザー名を入力してください。", font=titleLabelFont)
38    
39    #---  ラベル配置
40    # 空白
41    for index in range(5):
42        spaceLabel1[index].pack()
43    # タイトル
44    titleLabel.pack()
45    
46    ### フレーム表示
47    #---  フレーム生成
48    frame = ttk.Frame(window)
49    #---  フレーム配置
50    frame.pack()
51    
52    ### ユーザー名入力表示
53    #--- ラベル生成
54    # 空白
55    spaceLabel2 = [tkinter.Label(frame, text="") for column in range(3)]
56    
57    # ユーザー名
58    userNameLabelFont  = ("Helevetice", 14)
59    userNameLabel      = ttk.Label(frame, text="ユーザー名：", font=userNameLabelFont)
60    
61    #--- ラベル配置
62    # 空白
63    for index in range(3):
64        spaceLabel2[index].grid(row=index, column=0)
65    # ユーザー名
66    userNameLabel.grid(row=4, column=0)
67    
68    #---  エントリー生成
69    userName = tkinter.StringVar()
70    userNameEntry = ttk.Entry(frame, textvariable=userName, width=30)
71    
72    #---  エントリー配置
73    userNameEntry.grid(row=4, column=1)
74    
75    ### ボタン表示
76    #---  ボタン生成
77    okButton = ttk.Button(frame, text="  OK  ")
78    
79    #---  ボタン配置
80    okButton.grid(row=4, column=3)
81    
82    # プログラムを始める
83    window.mainloop()
84

回答1件

ベストアンサー

方法としては

必用な画面分のtkinter.Frameを生成し、Frame上で画面を構成する
root(質問で挙げたコード上ではwindow)上に、上記のFrameを重ねて配置する(grid()を使う)
ユーザに提示したい画面は最上位層に変更することで画面を切り替える(tkinter.Frame.tkraise()を使う)

となります。

簡単ですが、質問上の２つのコードをマージして対応してみましたので参考にしてください

これ以上ページが増えるようでしたら Frameの生成部の関数を別ける、又はクラス化するをお考えください

Python
1# -*- coding: utf-8 -*-
2
3#====================================================================================
4# ライブラリ
5#====================================================================================
6# GUIを扱う
7import tkinter
8# tkinterよりデザインが良くなる
9from tkinter import ttk
10
11#====================================================================================
12# 関数定義
13#====================================================================================
14#------------------------------------------------------------------------------------
15# startボタンを押したときの処理
16#------------------------------------------------------------------------------------
17def changePage(page):
18    # MainPageを上位層にする
19    page.tkraise()
20
21#====================================================================================
22# 本体関数
23#====================================================================================
24# main関数を追加し、スコープを切る
25def main() -> None:
26    # インスタンス生成
27    window = tkinter.Tk()
28
29    # ウィンドウタイトルを決定
30    window.title("WORDPRACTICE")
31
32    # ウィンドウの大きさを決定
33    window.geometry("800x600")
34
35    # ウィンドウのグリッドを 1x1 にする
36    window.grid_rowconfigure(0, weight=1)
37    window.grid_columnconfigure(0, weight=1)
38
39    #-----------------------------------StartPage---------------------------------
40    ### StartPage用のFrameを生成
41    startPage = tkinter.Frame(window)
42
43    ### タイトル表示
44    #--- ラベル生成
45    # 空白
46    spaceLabel1 = [tkinter.Label(startPage, text="") for column in range(10)]
47    spaceLabel2 = [tkinter.Label(startPage, text="") for column in range(3)]
48    # タイトル
49    titleLabelFont  = ("Helevetice", 32, "bold")
50    titleLabel      = ttk.Label(startPage, text="WORDPRACTICE", font=titleLabelFont)
51
52    #--- ラベル配置
53    # 空白
54    for index in range(10):
55        spaceLabel1[index].pack()
56    # タイトル
57    titleLabel.pack()
58
59    ### ボタン表示
60    #---  ボタン生成
61    startButton =\
62     ttk.Button(startPage, text="           Start           ", command=lambda : changePage(mainPage))
63
64    #---  ボタン配置
65    # 空白
66    for index in range(3):
67        spaceLabel2[index].pack()
68    # ボタン
69    startButton.pack()
70
71    #StartPageを配置
72    startPage.grid(row=0, column=0, sticky="nsew")
73
74    #-----------------------------------MainPage---------------------------------
75    ### MainPage用のFrameを生成
76    mainPage = tkinter.Frame(window)
77
78    ###  空白
79    #---  ラベル生成
80    spaceLabel1 = [tkinter.Label(mainPage, text="") for column in range(5)]
81    # タイトル
82    titleLabelFont  = ("Helevetice", 18)
83    titleLabel      =\
84       ttk.Label(mainPage, text="ユーザー名を入力してください。", font=titleLabelFont)
85
86    #---  ラベル配置
87    # 空白
88    for index in range(5):
89        spaceLabel1[index].pack()
90    # タイトル
91    titleLabel.pack()
92
93    ### フレーム表示
94    #---  フレーム生成
95    frame = ttk.Frame(mainPage)
96    #---  フレーム配置
97    frame.pack()
98
99    ### ユーザー名入力表示
100    #--- ラベル生成
101    # 空白
102    spaceLabel2 = [tkinter.Label(frame, text="") for column in range(3)]
103
104    # ユーザー名
105    userNameLabelFont  = ("Helevetice", 14)
106    userNameLabel      = ttk.Label(frame, text="ユーザー名：", font=userNameLabelFont)
107
108    #--- ラベル配置
109    # 空白
110    for index in range(3):
111        spaceLabel2[index].grid(row=index, column=0)
112    # ユーザー名
113    userNameLabel.grid(row=4, column=0)
114
115    #---  エントリー生成
116    userName = tkinter.StringVar()
117    userNameEntry = ttk.Entry(frame, textvariable=userName, width=30)
118
119    #---  エントリー配置
120    userNameEntry.grid(row=4, column=1)
121
122    ### ボタン表示
123    #---  ボタン生成
124    okButton = ttk.Button(frame, text="  OK  ")
125
126    #---  ボタン配置
127    okButton.grid(row=4, column=3)
128
129    # MainPageを配置
130    mainPage.grid(row=0, column=0, sticky="nsew")
131
132    # StartPageを上位層にする
133    startPage.tkraise()
134
135    # プログラムを始める
136    window.mainloop()
137
138#====================================================================================
139# 本体処理
140#====================================================================================
141if __name__ == "__main__":
142    main()