使用python中的Tkinter制作图像的干净背景

如何解决使用python中的Tkinter制作图像的干净背景

我目前正在尝试使用Tkinter在python中构建应用，并且正在尝试使用图片作为背景。我已经能够做到这一点，但是当我添加其他小部件（如框架和标签）时，它们自己的背景与第一个小部件重叠，结果并不令人满意。我进行了一些搜索，但没有找到避免这种情况的方法。可能吗 ？ 这是我的代码：

import tkinter as tk
from PIL import ImageTk,Image

root = tk.Tk()
root.geometry("1280x720")
root.update()

background_img = Image.open("./background.jpg")
background_img = background_img.resize((root.winfo_width(),root.winfo_height()),Image.ANTIALIAS)
background_tkimg = ImageTk.PhotoImage(background_img)

background_label = tk.Label(root,image=background_tkimg)
background_label.place(x=0,y=0,relwidth=1,relheight=1)

frame = tk.Frame(root)
frame.place(anchor="c",relx=.5,rely=.5)

title_label = tk.Label(frame,text="TITLE")
button1 = tk.Button(frame,text="button 1")
button2 = tk.Button(frame,text="button 2")
button3 = tk.Button(frame,text="button 3")

title_label.grid(row=0,column=1,pady=30)
button1.grid(row=1,column=0,padx=20,pady=10)
button2.grid(row=1,pady=10)
button3.grid(row=1,column=2,pady=10)

root.mainloop()

当我运行它时，我有这个窗口：

解决方法

可以使用Tkinter画布并使用.create_window()放置小部件来实现此效果：

import tkinter as tk
from PIL import ImageTk,Image

root = tk.Tk()
root.geometry("1280x720")
root.update()

background_img = Image.open("./background.jpg")
background_img = background_img.resize((root.winfo_width(),root.winfo_height()),Image.ANTIALIAS)
background_tkimg = ImageTk.PhotoImage(background_img)

canvas = tk.Canvas(root,highlightthickness=0)
canvas.pack(expand = True,fill = "both")
canvas.create_image(0,image = background_tkimg,anchor = "nw")

root.update()
canvas_height = canvas.winfo_height()
canvas_width = canvas.winfo_width()

title_label = canvas.create_text((canvas_width//2),(canvas_height//2) - 25,fill = "white",text="TITLE")
button1 = tk.Button(canvas,text="button 1")
button2 = tk.Button(canvas,text="button 2")
button3 = tk.Button(canvas,text="button 3")

canvas.create_window((canvas_width//2) - 75,(canvas_height//2) + 25,window = button1)
canvas.create_window((canvas_width//2),window = button2)
canvas.create_window((canvas_width//2) + 75,window = button3)

root.mainloop()

标签已被canvas.create_text()替换为透明背景。位置与原始位置不同，只是基于距中心的近似偏移量。

这将产生以下结果：

,

不幸的是，避免这种情况的唯一方法是使用Canvas并借助.create_window和类似方法显示所有其他小部件。此外，您将无法使用pack，place和grid几何管理器。相反，您需要从Canvas的左上角计算坐标，并根据它们创建其他对象。

import tkinter as tk
from PIL import ImageTk,Image


W,H = 1280,720
root = tk.Tk()
root.geometry("{}x{}".format(W,H))
root.resizable(False,False)
root.update()

background_img = Image.open("./background.jpg").resize((W,H),Image.ANTIALIAS)
background_tkimg = ImageTk.PhotoImage(background_img)

canv = tk.Canvas(root)
canv.create_image(0,image=background_tkimg,anchor="nw")
canv.place(x=0,y=0,relwidth=1,relheight=1)

canv.create_text(W / 2,H / 2,fill="white",text="TITLE")
for i in range(1,4):
    canv.create_window(W / 2 - 200 + i * 100,H / 2 + 65,window=tk.Button(canv,text="button {}".format(i)))

root.mainloop()

请注意，我已将“ TITLE”文本颜色（带有fill参数）更改为白色，否则在深色背景上很难看到它。这是屏幕截图（背景类似）。