使用Python在Tkinter GUI中使用ImageTk为多个Windows /帧添加图片

时间:2017-03-08 00:31:24

标签: python python-2.7 user-interface tkinter

我正在尝试创建多帧GUI。我正在使用的代码正常工作。然而,当我在一些帧中添加一些图片时,GUI出现在两个窗口中:一个具有正常的功能和排列;一个人里面没有任何东西。如果我关闭其中任何一个,它们都会关闭。

我使用Python 2.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()

1 个答案:

答案 0 :(得分:0)

您忘了在PageOne和PageTwo的标签中加入image=...选项。我添加了它。 ;)

此外,删除了Toplevel。或者,你仍然可以像你一样使用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()