如何让Tkinter Canvas内的Frame及Text组件横向铺满画布

问题核心在于Canvas内部的content Frame不会自动跟随Canvas宽度变化，导致Text.pack(fill=X)只能铺满Frame本身，无法同步到Canvas的可用宽度；而不用create_window时滚动条滑块消失，是因为未将内容容器挂载到Canvas视口内，Canvas无法识别可滚动区域。

修改步骤： #

1. 同步Frame与Canvas宽度
   修改Canvas的<Configure>绑定事件，在更新滚动区域的同时，强制设置content Frame的宽度与Canvas内部宽度一致：

   holder.bind('<Configure>', lambda e: [
       holder.configure(scrollregion=holder.bbox("all")),
       content.config(width=e.width - 2 * int(holder.cget("borderwidth")))
   ])
   

   减去边框宽度是为了避免Frame超出Canvas产生不必要的横向滚动，不需要的话可直接使用e.width。

2. 强化Frame的横向扩展能力
   给content Frame添加列配置，确保内部组件能充分利用横向空间：

   content.columnconfigure(0, weight=1)
   

   如果你后续改用grid布局Text，这一步会更关键；用pack布局的话，只要Frame宽度同步到位，这一步可省略，但加上能提升布局稳定性。

修改后的完整代码： #

root = Tk()
# 创建顶部容器
top=Frame(root)
# 创建带滚动的画布
holder = Canvas(top)
# 创建垂直滚动条
scroll = Scrollbar(top, orient=VERTICAL, command=holder.yview)
# 关联滚动条与画布
holder.configure(yscrollcommand=scroll.set)
# 绑定画布尺寸变化事件，同步Frame宽度与滚动区域
holder.bind('<Configure>', lambda e: [
    holder.configure(scrollregion=holder.bbox("all")),
    content.config(width=e.width - 2 * int(holder.cget("borderwidth")))
])
# 创建画布内的内容容器并挂载到画布
content = Frame(holder, relief=RAISED)
content.columnconfigure(0, weight=1)
holder.create_window((0,0), window=content, anchor='nw')
# 创建底部容器
bottom = Frame(root, relief=SUNKEN)

# 配置根窗口的行列权重
root.rowconfigure(0, weight=18)
root.rowconfigure(1, weight=1, minsize=50)
root.columnconfigure(0, weight=1)
# 布局画布与滚动条
holder.pack(side=LEFT, fill=BOTH, expand=1)
scroll.pack(side=RIGHT, fill=Y)
# 布局顶部与底部容器
top.grid(row=0, column=0, sticky='NSEW')
bottom.grid(row=1, column=0, sticky='NSEW')

# 批量创建Text组件
num=0
siteBoxes = []
for site in sites:
    temp=Text(content, height = 5)
    temp.configure(state=DISABLED)
    temp.pack(fill=X, side=TOP, padx=5, pady=5)
    siteBoxes.append(temp)
    num += 1

root.mainloop()

原理说明： #

• Canvas的<Configure>事件在画布尺寸变化时触发，此时同步content的宽度，让Text的fill=X能铺满整个Canvas横向空间。
• create_window是将内容容器挂载到Canvas视口的必要操作，只有这样Canvas才能识别可滚动内容区域，生成正常的滚动滑块；去掉它的话，Canvas无有效滚动内容，滑块会自动消失。

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