使用Python在Tkinter GUI中为多个窗口/帧添加带有ImageTk的图片

使用Python在Tkinter GUI中为多个窗口/帧添加带有ImageTk的图片,python,python-2.7,user-interface,tkinter,Python,Python 2.7,User Interface,Tkinter,我正在尝试创建一个多框架GUI。我使用的代码在这方面运行良好。然而,当我在一些框架中添加一些图片时,GUI出现在两个窗口中:一个窗口具有正常的功能和排列;里面什么都没有的。如果我关闭其中一个,则两个都将关闭 我使用Python2.7 谁能给我解释一下发生了什么事 编辑:我现在知道原因了。这是因为我使用了tk.Toplevel而不是tk.tk。有了tk.tk,我可以使用双窗口,但是我无法显示我的图片。有什么帮助吗 这是我的密码: import tkinter as tk # python3 #

我正在尝试创建一个多框架GUI。我使用的代码在这方面运行良好。然而,当我在一些框架中添加一些图片时,GUI出现在两个窗口中:一个窗口具有正常的功能和排列;里面什么都没有的。如果我关闭其中一个,则两个都将关闭

我使用Python2.7

谁能给我解释一下发生了什么事

编辑:我现在知道原因了。这是因为我使用了tk.Toplevel而不是tk.tk。有了tk.tk,我可以使用双窗口,但是我无法显示我的图片。有什么帮助吗

这是我的密码:

import tkinter as tk   # python3
#import Tkinter as tk   # python
from PIL import ImageTk, Image

TITLE_FONT = ("Helvetica", 18, "bold")
img = Image.open('arrow.png')

class SampleApp(tk.Toplevel):
    def __init__(self, *args, **kwargs):
        tk.Toplevel.__init__(self, *args, **kwargs)

        # 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.arrow = ImageTk.PhotoImage(img)

        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=TITLE_FONT)
#        label.pack(side="top", fill="x", pady=10)
        label.grid(row=0)

        arrow1 = tk.Label(self, image = self.controller.arrow)
        arrow2 = tk.Label(self, image = self.controller.arrow)
        arrow1.grid(row=1,column=0)
        arrow2.grid(row=2,column=0)
        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.grid(row=1,column=1)
        button2.grid(row=2,column=1)


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=TITLE_FONT)
        label.pack(side="top", fill="x", pady=10)
        label.grid(row=0)
        button = tk.Button(self, text="Go to the start page",
                           command=lambda: controller.show_frame("StartPage"))
        button.grid(row=1,column=1)


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=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()

您忘记在第一页和第二页的标签中包含
image=…
选项。我已经加上了

此外,还拆下了顶层。或者,您仍然可以像以前一样使用Toplevel,并在创建后隐藏
root=tk.tk()
窗口

#import tkinter as tk   # python3
import Tkinter as tk   # python
from PIL import ImageTk, Image

TITLE_FONT = ("Helvetica", 18, "bold")
img = Image.open('arrow.png')

class SampleApp(tk.Frame): #change to tk.Frame
    def __init__(self, parent, *args, **kwargs): #added parent
        tk.Frame.__init__(self, parent, *args, **kwargs) #added parent

        # 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(parent) #changed self to parent
        container.pack(side="top", fill="both", expand=True)
        container.grid_rowconfigure(0, weight=1)
        container.grid_columnconfigure(0, weight=1)
        self.arrow = ImageTk.PhotoImage(img)

        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=TITLE_FONT)
#        label.pack(side="top", fill="x", pady=10)
        label.grid(row=0)

        arrow1 = tk.Label(self, image = self.controller.arrow)
        arrow2 = tk.Label(self, image = self.controller.arrow)
        arrow1.grid(row=1,column=0)
        arrow2.grid(row=2,column=0)
        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.grid(row=1,column=1)
        button2.grid(row=2,column=1)


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=TITLE_FONT,
                         image = self.controller.arrow) # Added
        label.pack(side="top", fill="x", pady=10)
        label.grid(row=0)
        button = tk.Button(self, text="Go to the start page",
                           command=lambda: controller.show_frame("StartPage"))
        button.grid(row=1,column=1)


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=TITLE_FONT,
                         image = self.controller.arrow) # Added
        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__":
    root = tk.Tk() #Added
    app = SampleApp(root) #added root
    root.mainloop()