Tkinter窗口中Button组件不显示、command功能异常问题求解

• 布局异常导致按钮不可见：Tkinter的grid布局默认不会为没有放置任何组件的空行、空列分配显示像素空间。你的代码中输入组件集中在row=0-1、column=0-1区域，列表框放在row=4、column=4，按钮放在两者之间的row=2、column=2，中间隔了两层完全没有组件的空行、空列，这些空行空列宽高默认为0，直接把按钮挤压到两个功能区的夹缝中，缩成几乎看不到的小点，看起来就像没有正常显示。
• 交互逻辑缺失导致功能失效：你的代码在程序启动初始化阶段就直接执行了lb.insert(1 , do())，只在程序打开时计算了一次两个输入框默认值0+0的结果插入列表；而按钮绑定的adder函数仅返回计算结果，没有任何读取最新输入、更新界面组件的逻辑，点击按钮后不会触发任何界面变化，自然表现为功能完全失效。
• 额外隐患：你当前写的l1 = Label(win , text = "Number 1").grid(row = 0 , column = 0)这类写法，会让变量l1、e1等存储grid()方法的返回值None，如果后续需要操作这些组件（比如获取输入框内容、修改标签文本）会直接报错，只是当前代码没用到这些变量所以没触发问题。

1. 调整组件布局位置，避免跨度过大的空行空列，把按钮放在输入组件的紧邻下方，列表框放在按钮下方，必要时通过columnspan、rowconfigure、columnconfigure设置组件跨列和行列权重，让布局显示正常。
2. 重写按钮绑定的计算函数，把读取输入、计算结果、插入列表的逻辑都放到函数内部，只在用户点击按钮时触发执行，删除程序启动时就直接调用计算插入结果的代码。
3. 把组件实例化和布局调用拆成两行写，避免后续操作组件时拿到None报错。

from tkinter import *

win = Tk()

t1 = IntVar()
t2 = IntVar()

def adder():
    var1 = int(t1.get())
    var2 = int(t2.get())
    res = var1 + var2
    lb.insert(END, f"{var1} + {var2} = {res}")

win.geometry("750x750")

# 拆分组件实例化和布局步骤
l1 = Label(win, text="Number 1")
l1.grid(row=0, column=0, padx=5, pady=5)
e1 = Entry(win, textvariable=t1)
e1.grid(row=0, column=1, padx=5, pady=5)

l2 = Label(win, text="Number 2")
l2.grid(row=1, column=0, padx=5, pady=5)
e2 = Entry(win, textvariable=t2)
e2.grid(row=1, column=1, padx=5, pady=5)

# 按钮放在输入区紧邻下方，设置跨列和边距
b1 = Button(win, text="Adder", command=adder)
b1.grid(row=2, column=0, columnspan=2, pady=10)

lb = Listbox(win)
lb.grid(row=3, column=0, columnspan=2, padx=5, pady=5, sticky="nsew")
# 设置行列权重，让列表框可以随窗口缩放适配
win.grid_rowconfigure(3, weight=1)
win.grid_columnconfigure(1, weight=1)

win.mainloop()

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