如何使用按钮返回GUI加载到的主页，

如何解决如何使用按钮返回GUI加载到的主页，

我是python / tkinter的新手，我创建了一个GUI，该应用程序（GUI）是一个啤酒应用程序，向您显示啤酒类型的描述，并且如果您不能决定要喝什么，则具有随机啤酒选择器。我的问题是，当我运行该应用程序时，它会打开到主屏幕（打开GUI时您会看到的第一件事），在屏幕顶部的一个框架中有11个按钮，在屏幕的中间有一个框架，上面写着“欢迎使用该应用程序”每个按钮都可以按我希望的方式工作（当按下其中一个按钮时，屏幕中间的框架消失了，新的框架出现了，其中包含我设置的文字和旁边的图片）但是一旦我单击了任何按钮并且主屏幕消失了，我就可以通过使用按钮并将其链接到使用.lift（）的def来使主屏幕返回，但是单击该框架和图片其他按钮之一留在屏幕上，我不知道如何使它们消失。除了主屏幕之外，我也无法让我的随机啤酒选择器显示在任何屏幕上，我尝试了一堆不同的方法，但是最后我将其放到from上，因为它无法在其他任何地方使用。

这是我的代码的简化版：

'''

    import tkinter as tk
    from tkinter import *
import random
import PIL
from PIL import ImageTk,Image

HEIGHT = 700
WIDTH = 1200
BLUE = '#146F80'
GRAY = '#4A4A4A'

root = tk.Tk()
root.title("Welcome to the beer app!")


def beer(event):
    image = Image.open(r"C:\Users\john\Pictures\PNG\american pale ale.png")

    canvas2 = tk.Canvas(root,height=300,width=400,bg=BLUE,bd=0,highlightthickness=0,relief='ridge')
    photo = ImageTk.PhotoImage(image)
    item4 = canvas2.create_image(225,210,image=photo)

    canvas2.place(relx=0.0,rely=0.25,relheight=0.6,relwidth=0.5)

    desc_frame = tk.Frame(root,bg=GRAY)
    desc_frame.place(relx=0.4,rely=0.2,relheight=0.7,relwidth=0.58)

    beer_desc = tk.Label(desc_frame,text="Beer description here",wraplength=680,justify=LEFT,font=('Gadugi',18),bg=GRAY,fg='white')
    beer_desc.pack()

    item4.pack()


def randbeer(event):
    beer_list = ["Stout","Sour Beer","American Brown Ale","Porter","Indian Pale Ale","Wheat Beer","Amber Ale","English Pale Ale","Pilsner","Lager"]
    beer_item = random.choice(beer_list)
    updatedisplay(beer_item)


def updatedisplay(event):
    displayVariable.set(event)


def menu(event):
    button12.master.lift()


canvas = tk.Canvas(root,height=HEIGHT,width=WIDTH,highlightbackground=GRAY)
Canvas.pack(canvas)

welcome_frame = tk.Frame(root,bg=GRAY)
welcome_frame.place(relx=0.2,rely=0.3,relheight=0.5,relwidth=0.6)

button_frame = tk.Frame(root,bg=GRAY)
button_frame.place(relx=0.0,rely=0.0,relheight=0.1,relwidth=1.0)

random_beer_frame = tk.Frame(welcome_frame,bg="gray")
random_beer_frame.place(relx=0.43,rely=0.75,relheight=0.097,relwidth=0.35)

button = tk.Button(button_frame,text="American Pale Ale")
button.config(bg="#5C665B",fg="black",font=("AR JULIAN",9))
button.bind("<Button-1>",beer)
button.place(relx=0.005,relwidth=0.1)

button12 = tk.Button(welcome_frame,text="Random beer")
button12.config(bg="#5C665B",12))
button12.bind("<Button-1>",randbeer)
button12.place(relx=0.25,relwidth=0.15)
displayVariable = StringVar()
displayLabel = Label(random_beer_frame,textvariable=displayVariable,bg="gray",18))
displayLabel.pack()

button13 = tk.Button(button_frame,text="Main Menu")
button13.config(bg="#5C665B",9))
button13.bind("<Button-1>",menu)
button13.place(relx=0.918,relwidth=0.06)

welcome_text = "\nWelcome to the beer app!"

welcome_text = tk.Label(welcome_frame,text=welcome_text,font=("Gadui",24),fg="white")
welcome_text.pack()

root.mainloop()

'''

解决方法

这很简单。首先将所有主要显示元素都放在beer() global中，以便您可以在其他地方引用它们。

def beer(event):
    image = Image.open(r"C:\Users\john\Pictures\PNG\american pale ale.png")

    global canvas2
    canvas2 = tk.Canvas(root,height=300,width=400,bg=BLUE,bd=0,highlightthickness=0,relief='ridge')
    photo = ImageTk.PhotoImage(image)
    
    item4 = canvas2.create_image(225,210,image=photo)
    
    canvas2.place(relx=0.0,rely=0.25,relheight=0.6,relwidth=0.5)

    global desc_frame
    desc_frame = tk.Frame(root,bg=GRAY)
    desc_frame.place(relx=0.4,rely=0.2,relheight=0.7,relwidth=0.58)

    global beer_desc
    beer_desc = tk.Label(desc_frame,text="Beer description here",wraplength=680,justify=LEFT,font=('Gadugi',18),bg=GRAY,fg='white')
    beer_desc.pack()

    item4.pack()

然后在GRIDMANAGER_forget()中menu()个。

def menu(event):
    beer_desc.pack_forget()
    canvas2.pack_forget()
    desc_frame.place_forget()
    button12.master.lift()

这将解决您眼前的问题，但老实说，您设计此应用程序的方式非常糟糕。您是通过master的{​​{1}}和其他此类令人困惑的事物来引用主要元素的。我强烈建议您考虑采用更具模块化的方法。制作一个Buttons。认为它是一页。将该页面的所有内容都放入该框架中。给框架起一个有意义的名称。对所有“页面”重复此操作。完成此操作后，您可以轻松地使按钮隐藏/显示整个框架（页面）。想象一下，如果每本书都长一页，并且要阅读下一页，则必须先擦除当前页面，然后完全从头重写下一页。这就是你在做什么。只需构建您的所有页面，然后将Frame“翻转”到已经完整的所需页面上，即可整体。

---

我将整个应用程序重构为我先前声明的一个示例。它仍然并不令人惊讶，但是它比您目前拥有的要好得多。

Buttons