如何调整tkinter中Canvas内Frame按钮尺寸使其自适应填充容器

问题根源在于：Canvas通过create_window添加的Frame不会自动随Canvas宽度变化，按钮的fill="x"只能填充Frame的初始最小宽度，自然无法撑满Canvas区域。

修复步骤： #

1. 给Canvas添加宽度同步逻辑：在Canvas的<Configure>事件回调中，强制让内嵌Frame的宽度和Canvas宽度保持一致（抵消create_window的x偏移量）。
2. 优化按钮的pack参数：给按钮加上expand=True，确保在Frame宽度变化时能完全填充。

修改后的完整代码： #

from tkinter import Frame, Label, Button, Entry, messagebox, ttk, Scrollbar, Canvas
import json


class WatchNewsFrame(Frame):
    name = "WatchNewsFrame"

    def __init__(self, parent, file):
        super().__init__()
        self.Parent = parent
        self.file = file
        self.initializecomponents()

    def set_news(self):
        for key in range(30):
            Panel = Button(self.frame, height=10)
            Panel.config(bg="#656565", activebackground="#808080")
            Panel.pack(fill="x", expand=True)

    def on_canvas_configure(self, event):
        # 同步Frame宽度到Canvas宽度，减去create_window的x偏移2像素
        self.frame.config(width=event.width - 2)
        self.canvas.config(scrollregion=self.canvas.bbox("all"))

    def initializecomponents(self):
        Frame.__init__(self, self.Parent)
        self.canvas = Canvas(self)
        self.Scrollbar = ttk.Scrollbar(self, orient="vertical")
        self.frame = Frame(self.canvas)

        # this frame
        self.config(background=self.Parent["background"])
        self.place(relwidth=0.95, relheight=0.95, relx=0.5, rely=0.5, anchor="center")

        # ItemsScrooll
        self.Scrollbar.config(orient="vertical", command=self.canvas.yview)
        self.Scrollbar.place(relheight=.85, relwidth=.015, relx=.95, rely=.5, anchor="center")

        # itemsFrame
        self.canvas.config(bg="#606060", highlightbackground="#FFFFFF", yscrollcommand=self.Scrollbar.set)
        self.canvas.create_window(2, 0, window=self.frame, anchor="nw")
        self.canvas.place(relheight=0.85, relwidth=0.9, relx=0.5, rely=0.5, anchor="center")
        # 替换原绑定为自定义回调
        self.canvas.bind('<Configure>', self.on_canvas_configure)

        # events
        self.set_news()

说明： #

• on_canvas_configure方法会在Canvas尺寸变化时触发，同步调整Frame的宽度，让Frame始终和Canvas同宽（减去2像素的x偏移）。
• 按钮的fill="x"+expand=True组合，确保按钮能完全填充Frame的宽度，且随Frame宽度变化自动适配。

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