Tkinter嵌套TabControl新增子选项卡及ComboBox控件迁移方法

核心修改点 #

• 修正原代码层级错误：ttk.Notebook的子标签页必须以ttk.Frame作为基础容器，不能直接把标签页初始化为Notebook控件
• 严格按照三层嵌套规则排布控件：主窗口→一级Notebook（Cronaca/Politica/Gossip）→Cronaca页内置二级Notebook（Incident/Microcriminalità/Criminalità/Disagi）→Incident页内置三级Notebook（Example）→Example页内放置原有的4个ComboBox控件
• 原Incident页不再直接放置ComboBox，仅作为三级Notebook的承载容器

可直接运行的完整代码 #

import tkinter as tk
from tkinter import ttk

# 初始化主窗口
window = tk.Tk()
window.attributes('-zoomed', True)
window.configure(bg='#f3f2f2')

# 配置全局ttk样式
style = ttk.Style(window)
style.theme_use('clam')

# 构建一级选项卡（最外层TabControl）
primary_tab = ttk.Notebook(window, width=700, height=320)
tab_cronaca = ttk.Frame(primary_tab)
tab_politica = ttk.Frame(primary_tab)
tab_gossip = ttk.Frame(primary_tab)
primary_tab.add(tab_cronaca, text='Cronaca')
primary_tab.add(tab_politica, text='Politica')
primary_tab.add(tab_gossip, text='Gossip')
primary_tab.place(x=1, y=1)

# 构建Cronaca下的二级选项卡
secondary_tab_cronaca = ttk.Notebook(tab_cronaca)
secondary_tab_cronaca.pack(fill='both', expand=True)
tab_incident = ttk.Frame(secondary_tab_cronaca)
tab_micro = ttk.Frame(secondary_tab_cronaca)
tab_crimi = ttk.Frame(secondary_tab_cronaca)
tab_disagi = ttk.Frame(secondary_tab_cronaca)
secondary_tab_cronaca.add(tab_incident, text='Incidente')
secondary_tab_cronaca.add(tab_micro, text='Microcriminalità')
secondary_tab_cronaca.add(tab_crimi, text='Criminalità')
secondary_tab_cronaca.add(tab_disagi, text='Disagi')

# 构建Incident下的三级选项卡
tertiary_tab_incident = ttk.Notebook(tab_incident)
tertiary_tab_incident.pack(fill='both', expand=True, padx=5, pady=5)
tab_example = ttk.Frame(tertiary_tab_incident)
tertiary_tab_incident.add(tab_example, text='Example')

# 在Example标签页内放置滚动容器和原有ComboBox
canvas = tk.Canvas(tab_example)
scrollbar = ttk.Scrollbar(tab_example, orient="vertical", command=canvas.yview)
scrollable_frame = ttk.Frame(canvas, width=500, height=500)

scrollable_frame.bind(
    "<Configure>",
    lambda e: canvas.configure(scrollregion=canvas.bbox("all"))
)
canvas.create_window((0, 0), window=scrollable_frame, anchor="nw")
canvas.configure(yscrollcommand=scrollbar.set)

# 迁移原Incident页的4个下拉框到当前滚动容器
combo1 = ttk.Combobox(scrollable_frame, width=18)
combo1.place(x=20, y=20)
combo1['value'] = ["text1", "text2"] 

combo2 = ttk.Combobox(scrollable_frame, width=18)
combo2.place(x=20, y=80)
combo2['value'] = ["text1", "text2"] 

combo3 = ttk.Combobox(scrollable_frame, width=18)
combo3.place(x=20, y=140)
combo3['value'] = ["text1", "text2"] 

combo4 = ttk.Combobox(scrollable_frame, width=18)
combo4.place(x=20, y=200)
combo4['value'] = ["text1", "text2"]

canvas.pack(side="left", fill="both", expand=True)
scrollbar.pack(side="right", fill="y")

# 其余空页面添加占位标签，可后续替换为实际业务内容
ttk.Label(tab_politica, text="Politica页面内容区").pack(pady=50)
ttk.Label(tab_gossip, text="Gossip页面内容区").pack(pady=50)
ttk.Label(tab_micro, text="Microcriminalità页面内容区").pack(pady=50)
ttk.Label(tab_crimi, text="Criminalità页面内容区").pack(pady=50)
ttk.Label(tab_disagi, text="Disagi页面内容区").pack(pady=50)

# 启动主窗口事件循环
window.mainloop()

代码结构规范说明 #

代码严格按照从外到内、从父到子的顺序编写，执行逻辑如下：

1. 导入依赖库，删除原代码中重复的tkinter导入语句
2. 初始化主窗口，配置窗口大小、背景色、全局控件样式
3. 逐层创建选项卡结构，每一级Notebook创建完成后，先添加对应Frame作为标签页容器，再在下一层容器内创建子级Notebook，避免跨层放置控件
4. 在最内层的Example标签页内实现滚动区域，放置业务控件（4个ComboBox）
5. 从最内层控件开始逐层完成布局填充，避免出现控件被遮挡、布局失效问题
6. 最后启动主窗口事件监听循环

注：原代码中混用place/pack布局的方式在复杂页面容易出现位置偏移，后续新增控件建议同一容器内统一使用pack或grid布局降低维护成本。

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