使用Python在Tkinter GUI中使用ImageTk為多個Windows /框架添加圖片

Question

我正在嘗試創建一個多框架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()

Answer 1

您忘記了在PageOne和PageTwo的標簽中包含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()