使用tkinter僅在其自己的幀中顯示圖像

Question

我正在嘗試使用帶有按鈕和圖像的tkinter創建一個簡單的GUI。 我有一個帶有圖像和按鈕的首頁，可以將您帶到其他頁面（框架）。 問題是我的起始頁中的圖像仍然存在並顯示在其他框架中。

編碼：

import tkinter as tk

LARGE_FONT = ("Verdana", 12)


class SeaofBTCapp(tk.Tk):

    def __init__(self, *args, **kwargs):
        tk.Tk.__init__(self, *args, **kwargs)
        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):
            frame = F(container, self)

            self.frames[F] = frame

            frame.grid(row=0, column=0, sticky="nsew")

        self.geometry("800x480")
        self.show_frame(StartPage)

    def show_frame(self, cont):
        frame = self.frames[cont]
        frame.tkraise()


class StartPage(tk.Frame):

    def __init__(self, parent, controller):
        tk.Frame.__init__(self, parent)
        label = tk.Label(self, text="Start Page", font=LARGE_FONT)
        label.pack(pady=10, padx=10)

        #canvas1 = tk.Canvas(width=600, height=300, bg="gray")
        #self.img = tk.PhotoImage(file="mario.png")
        #canvas1.create_image(20, 20, image=self.img)
        #canvas1.pack()

        photo = tk.PhotoImage(file="mario.png")
        labelimg = tk.Label(image=photo)
        labelimg.image = photo  # keep a reference!
        labelimg.pack()

        button = tk.Button(self, text="Visit Page 1",
                           command=lambda: controller.show_frame(PageOne))
        button.pack()

        button2 = tk.Button(self, text="Visit Page 2",
                            command=lambda: controller.show_frame(PageTwo))
        button2.pack()


class PageOne(tk.Frame):

    def __init__(self, parent, controller):
        tk.Frame.__init__(self, parent)
        label = tk.Label(self, text="Page One!!!", font=LARGE_FONT)
        label.pack(pady=10, padx=10)

        button1 = tk.Button(self, text="Back to Home",
                            command=lambda: controller.show_frame(StartPage))
        button1.pack()


class PageTwo(tk.Frame):

    def __init__(self, parent, controller):
        tk.Frame.__init__(self, parent)
        label = tk.Label(self, text="Page Two!!!", font=LARGE_FONT)
        label.pack(pady=10, padx=10)

        button1 = tk.Button(self, text="Back to Home",
                            command=lambda: controller.show_frame(StartPage))
        button1.pack()

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


app = SeaofBTCapp()
app.mainloop()

Answer 1

問題是您尚未指定labelimg的父級，因此默認情況下它是主窗口。 因此，標簽被包裝在容器下方，因此始終可見。

更改

labelimg = tk.Label(image=photo)

成

labelimg = tk.Label(self, image=photo)

在類StartPage應該可以解決您的問題。