tkinterの2つのフレームを切り替える

Question

チュートリアルで示されているように私はちょっとしたGUIを使って最初のいくつかのスクリプトを作りましたが、もっと複雑なプログラムのために何をすべきかは言及していません。

オープニング画面用に「スタートメニュー」があり、ユーザーが選択するとプログラムの別の部分に移動して画面を適切に再描画すると、これを行ううまい方法は何ですか？

「スタートメニュー」フレームを.destroy()にして、別の部品のウィジェットで新しいものを作成しますか？また、戻るボタンを押したときにこのプロセスを逆にしますか？

Answer 1

1つの方法は、フレームを重ね合わせることです。重ね合わせる順序で上下に重ねるだけです。一番上のものが目に見えるものになります。これは、すべてのフレームが同じサイズであれば最も効果的ですが、小さな作業では任意のサイズのフレームで動作させることができます。

注：これが動作するために、ページのためのウィジェットのすべてがそのページ持っている必要があります（あなたが好む用語に応じて、またはマスター）親として（すなわちself）または子孫を。

ここであなたの一般的な概念示すために不自然な例のビットです：あなたが混乱クラスのインスタンスを作成する概念を見つけた場合

import tkinter as tk    # python 3 
from tkinter import font as tkfont # python 3 
#import Tkinter as tk  # python 2 
#import tkFont as tkfont # python 2 

class SampleApp(tk.Tk): 

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

     self.title_font = tkfont.Font(family='Helvetica', size=18, weight="bold", slant="italic") 

     # the container is where we'll stack a bunch of frames 
     # on top of each other, then the one we want visible 
     # will be raised above the others 
     container = tk.Frame(self) 
     container.pack(side="top", fill="both", expand=True) 
     container.grid_rowconfigure(0, weight=1) 
     container.grid_columnconfigure(0, weight=1) 

     self.frames = {} 
     for F in (StartPage, PageOne, PageTwo): 
      page_name = F.__name__ 
      frame = F(parent=container, controller=self) 
      self.frames[page_name] = frame 

      # put all of the pages in the same location; 
      # the one on the top of the stacking order 
      # will be the one that is visible. 
      frame.grid(row=0, column=0, sticky="nsew") 

     self.show_frame("StartPage") 

    def show_frame(self, page_name): 
     '''Show a frame for the given page name''' 
     frame = self.frames[page_name] 
     frame.tkraise() 


class StartPage(tk.Frame): 

    def __init__(self, parent, controller): 
     tk.Frame.__init__(self, parent) 
     self.controller = controller 
     label = tk.Label(self, text="This is the start page", font=controller.title_font) 
     label.pack(side="top", fill="x", pady=10) 

     button1 = tk.Button(self, text="Go to Page One", 
          command=lambda: controller.show_frame("PageOne")) 
     button2 = tk.Button(self, text="Go to Page Two", 
          command=lambda: controller.show_frame("PageTwo")) 
     button1.pack() 
     button2.pack() 


class PageOne(tk.Frame): 

    def __init__(self, parent, controller): 
     tk.Frame.__init__(self, parent) 
     self.controller = controller 
     label = tk.Label(self, text="This is page 1", font=controller.title_font) 
     label.pack(side="top", fill="x", pady=10) 
     button = tk.Button(self, text="Go to the start page", 
          command=lambda: controller.show_frame("StartPage")) 
     button.pack() 


class PageTwo(tk.Frame): 

    def __init__(self, parent, controller): 
     tk.Frame.__init__(self, parent) 
     self.controller = controller 
     label = tk.Label(self, text="This is page 2", font=controller.title_font) 
     label.pack(side="top", fill="x", pady=10) 
     button = tk.Button(self, text="Go to the start page", 
          command=lambda: controller.show_frame("StartPage")) 
     button.pack() 


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

、または別のページが必要な場合は、それぞれのクラスを明示的に別々に呼び出すことができます。ループは主に、各クラスが同一であることを示すために使用されます。

たとえば、あなたはこれでループ（for F in (StartPage, ...)を削除することができ、個別にクラスを作成するには：タイム人以上

self.frames["StartPage"] = StartPage(parent=container, controller=self) 
self.frames["PageOne"] = PageOne(parent=container, controller=self) 
self.frames["PageTwo"] = PageTwo(parent=container, controller=self) 

self.frames["StartPage"].grid(row=0, column=0, sticky="nsew") 
self.frames["PageOne"].grid(row=0, column=0, sticky="nsew") 
self.frames["PageTwo"].grid(row=0, column=0, sticky="nsew") 

---

は、このコード（またはこれをコピーしたオンラインチュートリアルを使用して他の質問をしてきました出発点としてコード）あなたはこれらの質問に対する回答を参照することもできます。

• Understanding parent and controller in Tkinter __init__
• Tkinter! Understanding how to switch frames
• How to get variable data from a class
• Calling functions from a Tkinter Frame to an other
• How to access variables from different classes in tkinter python 3
• How would I make a method which is run every time a frame is shown in tkinter
• Tkinter Frame Resize
• Py2.7: Tkinter have code for pages in separate files

Answer 2

ここではなくクラスを使用せずに、別の単純な答えです。

from tkinter import * 


def raise_frame(frame): 
    frame.tkraise() 

root = Tk() 

f1 = Frame(root) 
f2 = Frame(root) 
f3 = Frame(root) 
f4 = Frame(root) 

for frame in (f1, f2, f3, f4): 
    frame.grid(row=0, column=0, sticky='news') 

Button(f1, text='Go to frame 2', command=lambda:raise_frame(f2)).pack() 
Label(f1, text='FRAME 1').pack() 

Label(f2, text='FRAME 2').pack() 
Button(f2, text='Go to frame 3', command=lambda:raise_frame(f3)).pack() 

Label(f3, text='FRAME 3').pack(side='left') 
Button(f3, text='Go to frame 4', command=lambda:raise_frame(f4)).pack(side='left') 

Label(f4, text='FRAME 4').pack() 
Button(f4, text='Goto to frame 1', command=lambda:raise_frame(f1)).pack() 

raise_frame(f1) 
root.mainloop()