如何消除Tkinter中Frame与其Scrollbar之间的间隙？

我创建了三个Frame（left_frame、middle_frame和right_frame），需要消除left_frame与其内部垂直Scrollbar之间的间隙。以下是我的实现代码：

import tkinter as tk
from tkinter import ttk

def create_dummy_chart(frame, index):
    # Create a dummy chart
    label = tk.Label(frame, text=f"Chart {index}", width=10, height=2, relief="solid")
    label.pack(side="top", pady=5)

# Create the main window
window = tk.Tk()
window.title("Chart Display")
window.geometry("800x300")

# Create the left frame
left_frame = tk.Frame(window, width=200, height=300, relief="solid", bd=1)
left_frame.pack(side="left", fill="y")

# Create a canvas to hold the left_frame and the scrollbar
canvas = tk.Canvas(left_frame, width=200, height=300)
canvas.pack(side="left", fill="y")

# Create the scrollbar
scrollbar = ttk.Scrollbar(left_frame, orient="vertical", command=canvas.yview)
scrollbar.pack(side="right", fill="y")

# Configure the canvas to use the scrollbar
canvas.configure(yscrollcommand=scrollbar.set)
canvas.bind("<Configure>", lambda e: canvas.configure(scrollregion=canvas.bbox("all")))

# Create a frame inside the canvas to hold the charts
chart_frame = tk.Frame(canvas)

# Add the frame to the canvas
canvas.create_window((0, 0), window=chart_frame, anchor="nw")

# Create dummy charts in the chart_frame
num_charts = 200
for i in range(num_charts):
    create_dummy_chart(chart_frame, i)

# Update the canvas scrollable area
chart_frame.update_idletasks()
canvas.configure(scrollregion=canvas.bbox("all"))

# Create the middle frame
middle_frame = tk.Frame(window, width=200, height=300, relief="solid", bd=1)
middle_frame.pack(side="left", fill="y")

# Create the right frame
right_frame = tk.Frame(window, width=400, height=300, relief="solid", bd=1)
right_frame.pack(side="left", fill="both", expand=True)

# Run the Tkinter event loop
window.mainloop()

当前效果：

期望效果：

解决方案 #

间隙产生的核心原因：

1. left_frame和canvas都设置了固定宽度200，加上滚动条自身宽度，总宽度超过left_frame限制，导致布局挤压出间隙
2. Tkinter的pack方法默认带有微小内边距，也会造成视觉间隙

修改后的代码 #

import tkinter as tk
from tkinter import ttk

def create_dummy_chart(frame, index):
    # 创建模拟图表
    label = tk.Label(frame, text=f"图表 {index}", width=10, height=2, relief="solid")
    label.pack(side="top", pady=5)

# 创建主窗口
window = tk.Tk()
window.title("图表展示")
window.geometry("800x300")

# 创建左侧Frame：移除固定宽度，消除默认内边距
left_frame = tk.Frame(window, height=300, relief="solid", bd=1)
left_frame.pack(side="left", fill="y", padx=0, pady=0, expand=False)

# 创建画布：移除固定宽度，设为填充剩余空间，消除内边距
canvas = tk.Canvas(left_frame, height=300)
canvas.pack(side="left", fill="both", expand=True, padx=0, pady=0)

# 创建滚动条：消除默认内边距
scrollbar = ttk.Scrollbar(left_frame, orient="vertical", command=canvas.yview)
scrollbar.pack(side="right", fill="y", padx=0, pady=0)

# 配置画布与滚动条联动
canvas.configure(yscrollcommand=scrollbar.set)
canvas.bind("<Configure>", lambda e: canvas.configure(scrollregion=canvas.bbox("all")))

# 创建画布内部的Frame用于放置图表
chart_frame = tk.Frame(canvas)
canvas.create_window((0, 0), window=chart_frame, anchor="nw")

# 创建模拟图表
num_charts = 200
for i in range(num_charts):
    create_dummy_chart(chart_frame, i)

# 更新画布滚动区域
chart_frame.update_idletasks()
canvas.configure(scrollregion=canvas.bbox("all"))

# 创建中间Frame：消除内边距
middle_frame = tk.Frame(window, width=200, height=300, relief="solid", bd=1)
middle_frame.pack(side="left", fill="y", padx=0, pady=0)

# 创建右侧Frame：消除内边距
right_frame = tk.Frame(window, width=400, height=300, relief="solid", bd=1)
right_frame.pack(side="left", fill="both", expand=True, padx=0, pady=0)

# 运行事件循环
window.mainloop()

关键改动说明 #

• 移除left_frame和canvas的固定宽度设置，让布局自动分配空间，避免宽度冲突
• 所有pack方法添加padx=0, pady=0，彻底消除默认内边距
• 给canvas设置fill="both", expand=True，确保它占满left_frame除滚动条外的所有空间
• left_frame设置expand=False，防止被不必要拉伸，保持与中间Frame的宽度对齐

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