如何实现Tkinter画布内元素宽度与画布宽度匹配？

核心问题分析 #

你遇到的left_frame占满屏幕、画布元素超宽的情况，大概率是错误地给容器frame绑定了<Configure>事件，而非画布本身。当窗口调整时，frame的尺寸变化触发事件后，你可能误把frame的尺寸应用给了画布或元素，进而打乱了整体布局。

正确的实现步骤 #

• 只给画布组件绑定<Configure>事件，这样事件触发时获取的是画布的实际尺寸，不会影响frame的原有布局。
• 在事件处理函数中，用event.width获取画布当前的有效宽度，动态调整画布内元素（比如矩形、文本框等）的宽度参数。
• 可选：添加尺寸过滤，避免画布初始渲染时的极小无效尺寸触发错误调整。

完整代码示例 #

import tkinter as tk

def adjust_left_canvas_elements(event):
    # 排除初始无效尺寸（画布未完全渲染时的极小值）
    if event.width < 10:
        return
    # 调整画布内矩形的宽度，留20px边距避免贴边
    left_canvas.itemconfig(left_rect, width=event.width-20)

def adjust_right_canvas_elements(event):
    if event.width < 10:
        return
    right_canvas.itemconfig(right_rect, width=event.width-20)

root = tk.Tk()
root.geometry("800x400")

# 主容器布局，确保左右frame能平分窗口空间
main_frame = tk.Frame(root)
main_frame.pack(fill=tk.BOTH, expand=True, padx=10, pady=10)

left_frame = tk.Frame(main_frame, bg="#f0f0f0")
left_frame.pack(side=tk.LEFT, fill=tk.BOTH, expand=True, padx=5)

right_frame = tk.Frame(main_frame, bg="#e0e0e0")
right_frame.pack(side=tk.RIGHT, fill=tk.BOTH, expand=True, padx=5)

# 左侧画布配置
left_canvas = tk.Canvas(left_frame, bg="white")
left_canvas.pack(fill=tk.BOTH, expand=True, padx=5, pady=5)
# 添加测试用矩形
left_rect = left_canvas.create_rectangle(10, 10, 100, 100, fill="lightblue")
# 绑定画布的Configure事件
left_canvas.bind("<Configure>", adjust_left_canvas_elements)

# 右侧画布配置
right_canvas = tk.Canvas(right_frame, bg="white")
right_canvas.pack(fill=tk.BOTH, expand=True, padx=5, pady=5)
right_rect = right_canvas.create_rectangle(10, 10, 100, 100, fill="lightgreen")
right_canvas.bind("<Configure>", adjust_right_canvas_elements)

root.mainloop()

关键细节说明 #

• 画布通过pack(fill=tk.BOTH, expand=True)设置，确保它能填满所在的frame；同时左右frame也设置了相同的pack参数，保证它们能平分窗口宽度。
• 事件处理函数中用event.width获取画布实时宽度，减去边距后赋值给元素，避免元素超出画布边界。
• 小尺寸过滤是为了规避程序启动时，画布未完成初始化就触发事件导致的异常调整。

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