Python使用grid布局实现tkinter水平滚动条的问题求助

代码存在以下核心问题 #

• 所有需要滚动的列标题控件直接放在了根窗口window上，没有挂载到canvas对应的滚动内容容器中，完全无法参与滚动逻辑
• canvas在frame_canvas中的grid位置是行2列2，但你只给frame_canvas的行0列0配置了权重，canvas无法随容器拉伸
• 水平滚动条的父容器与grid位置和canvas不匹配，布局联动逻辑混乱
• 未定义first5columns_width、first5rows_height变量，运行会直接报错
• 没有在canvas中创建承载滚动内容的子frame，canvas无法识别滚动区域边界
• 根窗口未配置grid行列权重，窗口拉伸时布局不会自适应

修复后可运行的完整代码 #

import tkinter as tk

window = tk.Tk()
window.geometry("1200x600")
# 给根窗口配置行列权重，保证拉伸时布局自适应
window.grid_rowconfigure(0, weight=1)
window.grid_columnconfigure(0, weight=1)

frame_main = tk.Frame(window, bg="gray")
frame_main.grid(row=0, column=0, sticky='news')
# 给主框架配置行列权重
frame_main.grid_rowconfigure(0, weight=1)
frame_main.grid_columnconfigure(0, weight=1)

# 创建canvas和滚动条的容器
frame_canvas = tk.Frame(frame_main)
frame_canvas.grid(row=0, column=0, sticky='news')
frame_canvas.grid_rowconfigure(0, weight=1)
frame_canvas.grid_columnconfigure(0, weight=1)

# 创建canvas
canvas = tk.Canvas(frame_canvas, bg="yellow")
canvas.grid(row=0, column=0, sticky="news")

# 水平滚动条放在canvas下方，同属frame_canvas容器
vsb = tk.Scrollbar(frame_canvas, orient="horizontal", command=canvas.xview)
vsb.grid(row=1, column=0, sticky='we')
canvas.configure(xscrollcommand=vsb.set)

# 创建canvas内部承载滚动内容的frame
scroll_content = tk.Frame(canvas, bg="yellow")
# 把内容frame挂载到canvas上
canvas.create_window((0, 0), window=scroll_content, anchor="nw")

# 把所有列标题放到滚动内容frame里
col_0_head = tk.Label(scroll_content, text = " Adventures_Sherlock_Holmes.txt ", pady = 20)
col_0_head.grid(row = 0, column = 0, padx=10)
col_1_head = tk.Label(scroll_content, text = " Age_Innocence.txt ")
col_1_head.grid(row = 0, column = 1, padx=10)
col_2_head = tk.Label(scroll_content, text = " Alice_Wonderland.txt ")
col_2_head.grid(row = 0, column = 2, padx=10)
# 可自行新增更多列测试滚动效果
for i in range(3, 20):
    tk.Label(scroll_content, text=f" 测试文件_{i}.txt ").grid(row=0, column=i, padx=10)

# 内容更新时自动刷新canvas的滚动区域
def update_scrollregion(event):
    canvas.config(scrollregion=canvas.bbox("all"))
scroll_content.bind("<Configure>", update_scrollregion)

window.mainloop()

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