Tkinter实现动态可滚动区域：Canvas与Scrollbar的深度解析

checkFrame = Frame(titleFrame)
checkFrame.grid(row=2,column=0,padx=5,pady=5, sticky='nw')
checkFrame.grid_propagate(False) # 导致问题

# Create frame to contain checks
gChecksFrame = Frame(scrollCanvas, bg='blue')
scrollCanvas.create_window((0,0),window=gChecksFrame, anchor='nw')
gChecksFrame.grid(row=1,column=1,padx=10,pady=5) # 错误！gChecksFrame已被create_window管理

# 关键：当gChecksFrame大小改变时，更新Canvas的scrollregion
gChecksFrame.bind("<Configure>", lambda e: scrollCanvas.config(scrollregion=scrollCanvas.bbox("all")))

import tkinter as tk

gCheckList = []
tCheckList = []

def addCheck(check_type, parent_frame):
    """
    Adds a new check row to the profile editor.
    parent_frame should be the gChecksFrame (inside the canvas).
    """
    checkFrame = tk.Frame(parent_frame, bd=1, relief="solid") # Added border for visibility

    # Determine the row based on the list length for dynamic placement
    if check_type == 'g':
        list_length = len(gCheckList)
        gCheckList.append(checkFrame)
    elif check_type == 't':
        list_length = len(tCheckList)
        tCheckList.append(checkFrame)
    else:
        return

    checkFrame.grid(row=list_length, column=0, padx=5, pady=2, sticky='ew')

    checkName = tk.Text(checkFrame, width=15, height=1, font=('Courier', 10))
    checkName.grid(row=0, column=0, padx=5, pady=2)
    checkName.insert(tk.END, f"Check {list_length + 1}") # Example content

    # Add more widgets if needed, e.g., Indicator, 1-14 values
    # For simplicity, just adding a label here
    indicator_label = tk.Label(checkFrame, text="Indicator", font=('Courier', 10))
    indicator_label.grid(row=0, column=1, padx=5, pady=2)

    # Force parent_frame (gChecksFrame) to update its geometry,
    # which will trigger the <Configure> event and update scrollregion.
    parent_frame.update_idletasks()


# Creates root window
root = tk.Tk()
root.title('Profile Editor')
# root.geometry('750x300+250+225') # Removed to allow window to size dynamically

# Creates profile name frame
profileNameFrame = tk.Frame(root)
profileNameFrame.grid(row=0, column=0, padx=10, pady=5, sticky='ew')

# Creates a spot to name the profile
nameLabel = tk.Label(profileNameFrame, text='Profile Name: ', font=('Courier', 12))
nameLabel.grid(row=0, column=0, padx=10, pady=5)
nameText = tk.Text(profileNameFrame, width=30, height=1, font=('Courier', 12))
nameText.grid(row=0, column=1, padx=10, pady=5)

# Frame for title and headers
titleFrame = tk.Frame(root)
titleFrame.grid(row=1, column=0, padx=10, pady=5, sticky='ew')
titleFrame.grid_columnconfigure(0, weight=1) # Allow content column to expand

gCheckProfileLabel = tk.Label(titleFrame, text='Header for Checks', font=('Courier', 14))
gCheckProfileLabel.grid(row=0, column=0, padx=10, pady=5, sticky='w')

# Frame for headers (e.g., Check Name, Indicator, 1-14)
headerFrame = tk.Frame(titleFrame)
headerFrame.grid(row=1, column=0, padx=10, pady=5, sticky='ew')
headerLabel = tk.Label(headerFrame, text='Check Name      Indicator  ' + ''.join([f'{i:2} ' for i in range(1, 15)]), font=('Courier', 10))
headerLabel.grid(row=0, column=0, sticky='ew')

# --- Scrollable Area Implementation ---

# 1. Parent frame for Canvas and Scrollbar
# This frame will manage the size of the scrollable area.
scrollable_area_frame = tk.Frame(titleFrame, bd=2, relief="groove", height=200) # Fixed height for scrollable area
scrollable_area_frame.grid(row=2, column=0, padx=5, pady=5, sticky='nsew')
scrollable_area_frame.grid_rowconfigure(0, weight=1)
scrollable_area_frame.grid_columnconfigure(0, weight=1)
# No grid_propagate(False) here unless we explicitly set width/height for scrollable_area_frame
# If we want scrollable_area_frame to have a fixed height, we set it directly.

# 2. Canvas for scrolling
scrollCanvas = tk.Canvas(scrollable_area_frame, bg='lightgray')
scrollCanvas.grid(row=0, column=0, sticky='nsew')

# 3. Scrollbar linked to Canvas
gScrollbar = tk.Scrollbar(scrollable_area_frame, orient='vertical', command=scrollCanvas.yview)
gScrollbar.grid(row=0, column=1, sticky='ns')
scrollCanvas.configure(yscrollcommand=gScrollbar.set)

# 4. Content Frame inside Canvas
# This frame will hold all the dynamically added check rows.
gChecksFrame = tk.Frame(scrollCanvas, bg='white')
# Use create_window to place gChecksFrame inside the canvas
scrollCanvas.create_window((0, 0), window=gChecksFrame, anchor='nw')

# 5. Crucial: Bind <Configure> event to gChecksFrame to update Canvas scrollregion
gChecksFrame.bind("<Configure>", lambda e: scrollCanvas.config(scrollregion=scrollCanvas.bbox("all")))

# Creates a new check row to be added into the program
addGCheckButton = tk.Button(titleFrame, text='+', font=('Courier', 14), command=lambda: addCheck('g', gChecksFrame))
addGCheckButton.grid(row=0, column=1, padx=1, pady=5, sticky='e') # Placed next to header label

root.mainloop()