如何在带自适应调整大小背景的可调整Tkinter Frame上添加按钮与标签

问题根因 #

现有代码的核心问题是背景Label通过pack(fill=BOTH, expand=YES)占用了Frame的全部布局空间，后续用pack添加的按钮、标签等控件会被排列在背景Label的外侧，无法叠加在背景上方显示。

可直接运行的修改后代码 #

from tkinter import *
from PIL import Image, ImageTk

root = Tk()
root.geometry("900x580")
class Example(Frame):
    def __init__(self, master, *pargs):
        Frame.__init__(self, master, *pargs)

        self.image = Image.open("eth_background.png") # 替换为你的背景图路径
        self.img_copy= self.image.copy()

        self.background_image = ImageTk.PhotoImage(self.image)

        self.background = Label(self, image=self.background_image)
        # 背景改用place布局，固定在底层铺满整个Frame，不影响上层控件布局
        self.background.place(x=0, y=0, relwidth=1, relheight=1)
        # 尺寸变化事件绑定到Frame本身，触发逻辑更稳定
        self.bind('<Configure>', self._resize_image)

        # 控件添加逻辑和普通Frame完全一致，可随意添加按钮、标签等
        self.widget = Button(self, text='Hello world', command=self.quit)
        self.widget.pack(side=LEFT, padx=20, pady=20)
        
        self.test_label = Label(self, text='测试标签', bg='white', font=('微软雅黑', 16))
        self.test_label.pack(side=RIGHT, padx=20, pady=20)

    def _resize_image(self,event):
        new_width = event.width
        new_height = event.height

        self.image = self.img_copy.resize((new_width, new_height))
        self.background_image = ImageTk.PhotoImage(self.image)
        self.background.configure(image = self.background_image)

e = Example(root)
e.pack(fill=BOTH, expand=YES)
root.mainloop()

关键修改说明 #

• 背景组件改用place方法布局：设置relwidth=1、relheight=1让背景始终铺满整个Frame，同时place布局不会抢占普通pack/grid布局的空间，后续添加的控件可以正常叠加在背景上方
• 窗口大小变化事件绑定到Frame本身而非背景Label，触发逻辑更稳定，避免背景重绘时的尺寸计算偏差
• 所有新增的按钮、标签等控件，父组件仍然设为Example Frame即可，和普通Frame的控件添加逻辑完全兼容

内容的提问来源于stack exchange，提问作者HGH