Tkinter继承类Label与Button网格布局位置异常问题咨询

问题描述 #

我创建了一个Tkinter窗口，在窗口内添加了Frame组件，希望依次创建两个Label组件，再在其下方放置Button组件。但设置Button的grid行号为2、第二个Label行号为1后，Button却显示在第二个Label上方。经测试发现：通过继承Label类创建的Label组件始终位于Button下方，而直接使用Label()创建的组件则在Button上方。

问题代码 #

from tkinter import *

window=Tk()
window.geometry('620x540+33+33')

var_pg=StringVar()
var_pg.set('Page 001 placeholder')

class lbl_custom(Label):
    def __init__(self,frame_window):
        super().__init__()
        self['width']=33
        self['font']='Segoe 12'

frame_submit=Frame(window)

lbl_page_num01=Label(frame_submit,width=33,textvariable=var_pg,font='Segoe 12')
lbl_page_num02=lbl_custom(frame_submit)
lbl_page_num02['text']='Page 002 placeholder'

btn_submit=Button(frame_submit,width=33,relief=RAISED,text='submit')

frame_submit.grid(row=0,column=0)
lbl_page_num01.grid(row=0,column=0)
lbl_page_num02.grid(row=1,column=0)

btn_submit.grid(row=2,column=0)

window.mainloop()

原因分析 #

问题出在自定义Label类的初始化逻辑上：

• 调用super().__init__()时没有传入父容器参数frame_window，导致这个自定义Label的父容器不是预期的frame_submit，而是默认的主窗口window。
• 直接创建的lbl_page_num01和Button都是frame_submit的子组件，它们的grid布局在frame_submit内部生效；而自定义的lbl_page_num02是主窗口的子组件，它的布局和frame_submit属于不同层级。
• 视觉上，frame_submit整体位于主窗口的row0区域，lbl_page_num02位于主窗口的row1区域，所以frame_submit里的Button会显示在lbl_page_num02上方，和预期布局错位。

解决方法 #

修改自定义Label类的__init__方法，将父容器参数传递给父类构造函数：

class lbl_custom(Label):
    def __init__(self, frame_window):
        super().__init__(frame_window)  # 传入父容器参数
        self['width'] = 33
        self['font'] = 'Segoe 12'

修改后，lbl_page_num02的父容器变为frame_submit，调用grid(row=1, column=0)时会在frame_submit内部的row1位置布局，组件会按照row0→row1→row2的顺序正常排列。

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