显示三个选项卡控制 X、Y、Z 时出现问题。我只显示两个选项卡而不是三个

Question

包含其他选项卡控件的选项卡控件的功能和可执行代码。 在选项卡 1 中，我有选项卡 X、Y、Z。我只看到选项卡 X 和 Z，但看不到 Y。

最初有正确的选项卡 X 和 Y，然后我添加了选项卡 Z，但我遇到了问题。

如何正确显示 X、Y、Z 选项卡（包括滚动条的内容）？

我究竟做错了什么？ 我确定问题很简单，但我找不到。 你能告诉我完整的代码吗？ 谢谢

import tkinter as tk                    
from tkinter import ttk
  
root = tk.Tk()
root.title("Tab Widget")
root.attributes('-zoomed', True)
tabControl = ttk.Notebook(root, style='Custom.TNotebook', width=400, height=220)

#I create Tab1 and Tab2
tab1 = ttk.Notebook(tabControl)
tab2 = ttk.Notebook(tabControl)
  
tabControl.add(tab1, text ='Tab 1')
tabControl.add(tab2, text ='Tab 2')
tabControl.place(x=1, y=1)





#TAB X
x = ttk.Frame(tab1)
canvas = tk.Canvas(x)

### X CONTENT'S ###
#Scrollbar of X
scrollbar = ttk.Scrollbar(x, 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)

#X Element's
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"]


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

tab1.add(x, text="X")
###################################################

#TAB Y
y = ttk.Frame(tab1)
tab1.add(y, text="Y")


### Y CONTENT'S ###
y_content = ttk.Frame(y)
canvas = tk.Canvas(y_content)

#Scrollbar of Y
scrollbar = ttk.Scrollbar(y_content, 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)

#Y Element's
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"]


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


#TAB Z
z = ttk.Frame(tab1)
tab1.add(y, text="Z")


### Z CONTENT'S ###
z_content = ttk.Frame(z)
canvas = tk.Canvas(z_content)

#Scrollbar of Z
scrollbar = ttk.Scrollbar(z_content, 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)

#Z Element's
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"]


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




 
root.mainloop()

Answer 1

你有一个错字你想添加y Frame 而不是z 。

#TAB Z
z = ttk.Frame(tab1)
tab1.add(z, text="Z")  # Here you should add "z" variable instead of "y"

我建议为 TAB 大小添加一些样式配置，因为子选项卡不是很明显。

例如对于类型配置（将这些行放在导入之后）：

style = ttk.Style()
style.theme_settings("default", {"TNotebook.Tab": {"configure": {"padding": [20, 5]}}})

图形用户界面：