如何创建高度随内容动态调整的Tkinter选项卡框架

问题本质 #

ttk.Notebook 默认会遍历所有标签页计算内容所需的最大宽高，将所有标签页统一设置为该尺寸，没有内置配置项可以直接开启单标签独立高度适配，需要通过事件绑定手动实现动态尺寸调整。

实现步骤 #

• 移除对标签页子Frame的提前pack操作：Notebook的add()方法会自动管理子页布局，手动提前设置fill='both'、expand=1会强制子页拉伸占满Notebook空间，干扰实际内容尺寸计算
• 绑定<<NotebookTabChanged>>虚拟事件：每次切换标签时，获取当前激活标签页内容的实际渲染高度，动态更新Notebook的高度值
• 初始化时主动触发一次尺寸调整，保证程序启动时默认页高度适配正确

完整可运行代码 #

from tkinter import *
from tkinter import ttk

def adjust_notebook_size(event):
    # 获取当前选中的标签页对象
    current_tab = notebook1.nametowidget(notebook1.select())
    # 刷新待渲染的尺寸计算结果
    current_tab.update_idletasks()
    # 计算当前标签页所需高度，额外加8px作为边框边距，避免内容被截断
    fit_height = current_tab.winfo_reqheight() + 8
    # 动态更新Notebook高度适配当前页内容
    notebook1.configure(height=fit_height)

root = Tk()
root.title('Frames')
root.geometry('500x500')

frame1 = LabelFrame(root)
frame1.pack(padx=5, pady=5)

notebook1 = ttk.Notebook(frame1)
notebook1.pack(pady=5, fill='x')

nbframe1 = Frame(notebook1, bg='white')
nbframe2 = Frame(notebook1, bg='grey')

notebook1.add(nbframe1, text='A Search')
notebook1.add(nbframe2, text='B Search')

# 绑定标签切换事件
notebook1.bind('<<NotebookTabChanged>>', adjust_notebook_size)

# 给第一个标签页添加内容
a_label = Label(nbframe1, text='A_Tag', bg='white')
a_label.grid(row=0, column=0, sticky=W, padx=5)
b_label = Label(nbframe1, text='B_Tag', bg='white')
b_label.grid(row=1, column=0, sticky=W, padx=5)

a_text = StringVar()
a_entry = Entry(nbframe1, textvariable=a_text, width=50)
a_entry.grid(row=0, column=1, sticky=W, padx=5, pady=3)
b_text = StringVar()
b_entry = Entry(nbframe1, textvariable=b_text, width=25)
b_entry.grid(row=1, column=1, sticky=W, padx=5, pady=3)

# 初始化触发一次尺寸调整，适配默认打开的第一个标签页
notebook1.event_generate('<<NotebookTabChanged>>')

root.mainloop()

效果说明 #

• 程序启动时默认停留在有表单内容的A Search页，Notebook高度刚好适配两行表单控件的高度，无多余空白
• 切换到无内容的B Search页时，Notebook高度会自动收缩到仅标签栏的高度
• 后续给任意标签页增删内容，切换时都会自动适配新的内容高度，无需修改适配逻辑

注：代码中预留的8px边距可根据操作系统、使用的ttk主题微调，避免内容被Notebook边框截断。如果需要同时实现宽度自适应，可以用相同逻辑获取winfo_reqwidth()后动态设置Notebook的width参数。

原问题运行截图 #

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