如何使我的 Label Tkinter 元素显示？

Question

目前，我正在创建一个文字冒险游戏。现在，为了让它比许多使用 python 控制台的软件好一点，我正在使用 Tkinter 来制作 GUI。只有它显示我的开始屏幕的背景图像，而不是我放在那里的文本！请帮忙！

# writes the title as text in the window
titleFont = tkFont.Font(family = "Comic Sans MS", size = 20)
titleText = tkinter.Label(app, text="Gods of This World", font=titleFont)
titleText.pack()

# sets the background image to the games 3 colors (Red, Green, Grey)
C = tkinter.Canvas(app, height=300, width=250)
filename = tkinter.PhotoImage(file = "C:/Users/" + getpass.getuser() + "/Desktop/Gods of This World/net/godsofthisworld/ui/images/backgroundimage.png")
background_label = tkinter.Label(app, image=filename)
background_label.place(x=0, y=0, relwidth=1, relheight=1)
C.pack()

Answer 1

你把图片放在文本之后——你使用.place(x=0, y=0, relwidth=1, relheight=1)——所以文本隐藏在图片后面。

按不同的顺序排列 - 第一张图片，下一个文字。

import tkinter as tk

app = tk.Tk()

# first image   
photo = tk.PhotoImage(file="image.png")
background_label = tk.Label(app, image=photo)
background_label.place(x=0, y=0, relwidth=1, relheight=1)

# next text   
titleText = tk.Label(app, text="Gods of This World")
titleText.pack()

app.mainloop()

---

顺便说一句： label 带有文本将有灰色背景 - 您无法将其删除。如果您想要没有背景的文本，请使用Canvas 和canvas.create_image()、canvas.create_text() - 没有pack() 和place()

import tkinter as tk

WIDTH = 800
HEIGHT = 600

app = tk.Tk()

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

photo = tk.PhotoImage(file="image.png")
canvas.create_image((WIDTH/2, HEIGHT/2), image=photo) #, anchor='center')
canvas.create_text((WIDTH/2, HEIGHT/2), text="Gods of This World") #, anchor='center')

app.mainloop()