Tkinter Canvas添加垂直与水平滚动条后无功能响应问题求助

问题原因 #

你当前的写法是直接把frmbtnspecs和frmbtn两个Frame直接pack到Canvas里，这是Tkinter Canvas滚动功能失效的典型触发原因：Canvas自带的pack/grid/place布局方法不会触发滚动区域的更新，滚动条无法识别到Canvas内部内容的实际尺寸，自然不会响应操作。

修复步骤 #

• 不要直接用pack把承载内容的Frame放到Canvas上，改用canvas.create_window()方法将Frame作为子控件嵌入Canvas
• 给承载内容的Frame绑定<Configure>事件，Frame尺寸变化时自动更新Canvas的滚动区域为所有内部内容的实际边界
• 如果后续有动态增减内部内容的需求，每次内容修改后手动调用一次Canvas的config(scrollregion=canvas.bbox("all"))即可保持滚动正常

修复后的核心代码示例 #

canvas = Canvas(tab0, bg='red')

# 新增：创建统一承载所有内部内容的主Frame
content_frame = ttk.Frame(canvas)
# 将内容Frame嵌入Canvas左上角
canvas.create_window((0, 0), window=content_frame, anchor="nw")

# 原有业务代码全部调整为挂载到content_frame下即可
frmbtnspecs = ttk.Frame(content_frame)
frmbtnspecs.pack(side="top")

lbl = Label(frmbtnspecs, width=8, text="Model:", justify=RIGHT, anchor="e").grid(row=0, column=4, sticky=W, pady=2)
inp_cond_model = Text(frmbtnspecs, height=1, width=35, relief=GROOVE, borderwidth=2)
inp_cond_model.grid(row=0, column=5, sticky=NW, pady=2)

lbl = Label(frmbtnspecs, width=16, text="Version:", justify=RIGHT, anchor="e").grid(row=0, column=6,
                                                                                             sticky=W, pady=2)
inp_cond_firmware = Text(frmbtnspecs, height=1, width=35, relief=GROOVE, borderwidth=2)
inp_cond_firmware.grid(row=0, column=7, sticky=NW, pady=2)

frmbtn = ttk.Frame(content_frame)
frmbtn.pack(side="top", expand=1, fill="both")

coll = int(0)
specvar = int(1)


ttk.Button(frmbtn, width="5", text="OK", image=photoOK).grid(column=coll, row=3, padx=1, pady=1)
ttk.Button(frmbtn, width="5", text="Not Ok", image=photoNot).grid(column=coll, row=4, padx=1, pady=1)
lblspec = Label(frmbtn, text=y_respexpt, justify='left', anchor=N)
lblspec.grid(column=coll, row=5, rowspan=55, sticky=N, padx=20, pady=20)


vertibar = Scrollbar(tab0, orient=VERTICAL)
vertibar.pack(side=RIGHT, fill=Y)
vertibar.config(command=canvas.yview)
horibar = Scrollbar(tab0, orient=HORIZONTAL)
horibar.pack(side=BOTTOM, fill=X)
horibar.config(command=canvas.xview)

canvas.pack(expand=True, side=LEFT, fill=BOTH)
canvas.config(xscrollcommand=horibar.set, yscrollcommand=vertibar.set)

# 新增：绑定事件自动更新滚动区域
def update_scrollregion(event):
    canvas.config(scrollregion=canvas.bbox("all"))
content_frame.bind("<Configure>", update_scrollregion)

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