Tkinter中外部文件内Verticalbar垂直滚动条不显示问题求助

使用Tkinter开发时，选中Tab2后，右侧TabControl外部的Verticalbar（白色侧边栏）中，粉色框架能正常显示，但垂直滚动条不显示且无任何报错。要求Verticalbar必须置于TabControl外部。

1. 重复创建组件导致遮挡：每次切换到Tab2时，myfunction会重复创建标签、画布、滚动条等组件，旧组件堆积在Verticalbar中，可能遮挡新的滚动条。
2. scrollregion绑定逻辑错误：scrollable_frame的<Configure>事件中，错误地更新了canvas自身的scrollregion，而非scrollable_frame的内容范围，导致滚动条无法感知可滚动区域。
3. place布局导致尺寸无法撑开：All_Page使用place布局，scrollable_frame无法感知其真实高度，进而无法触发滚动条的显示条件。
4. page1.py类名错误：原page1.py中类名被错误定义为Page2，会导致导入时的逻辑混淆（虽未直接引发滚动条问题，但属于潜在bug）。

1. 切换Tab时清空Verticalbar内的旧组件，避免重复创建导致的遮挡。
2. 修正scrollregion的绑定逻辑，正确关联scrollable_frame的内容范围。
3. 将All_Page的place布局替换为pack，让scrollable_frame自动适应内容尺寸。
4. 修正page1.py中的类名错误，保证导入逻辑正常。

main.py #

import tkinter as tk
from tkinter import Frame, Label, ttk
from page1 import Page1
from page2 import Page2
from x import *

root = tk.Tk()
root.geometry('705x325')

style = ttk.Style(root)
style.theme_use('default')

# TABCONTROL
style.configure("TNotebook.Tab", padding=7)
style.configure('lefttab.TNotebook', tabposition=tk.W + tk.N, tabplacement=tk.N + tk.EW, background='black')
style.configure('lefttab.TNotebook.Tab', background='black', width=10, focuscolor='#efefef', foreground='#96de3d')
style.map('lefttab.TNotebook.Tab', background=[('selected', '#96de3d')], foreground=[('selected', 'white')])

notebook = ttk.Notebook(root, style='lefttab.TNotebook')
intro = tk.Frame(notebook, bg='white', width=270, height=600)
tab1 = Page1(notebook, bg='white', width=270, height=600)
tab2 = Page2(notebook, bg='white', width=270, height=600)

notebook.add(tab1, text='Tab 1')
notebook.add(tab2, text='Tab 2')

notebook.place(x=0, y=0)

# VERTICALBAR (RIGHT)
Verticalbar = Frame(root, width=200, height=400, background="white", highlightthickness=0)
Verticalbar.place(x=498, y=0)

def on_tab_selection_changed(event):
    # 清空Verticalbar内所有旧组件
    for widget in Verticalbar.winfo_children():
        widget.destroy()
    
    tab_id = notebook.select()
    tab_text = notebook.tab(tab_id, "text")
    if tab_text == "Tab 1":
        newlabel1 = Label(Verticalbar, text='TAB 1 EXAMPLE ', background="white", fg="#78b130", font='Arial 10 bold')
        newlabel1.place(x=2, y=3)

    if tab_text == "Tab 2":
        myfunction(Verticalbar)
        
# 绑定标签页切换事件
notebook.bind("<<NotebookTabChanged>>", on_tab_selection_changed)

root.mainloop()

x.py #

from tkinter import Frame, Label, Text, ttk
import tkinter as tk

def myfunction(Verticalbar):
    newlabel2 = Label(Verticalbar, text='TAB 2 EXAMPLE', background="pink", fg="black", font='Arial 10 bold')
    newlabel2.pack(pady=(10, 0), padx=10, anchor='w')

    # 滚动条相关组件
    canvas = tk.Canvas(Verticalbar, bg='pink')
    scrollbar = ttk.Scrollbar(Verticalbar, orient="vertical", command=canvas.yview)
    scrollable_frame = ttk.Frame(canvas)

    # 正确绑定scrollregion：当scrollable_frame尺寸变化时，更新canvas的滚动范围
    def update_scrollregion(event):
        canvas.configure(scrollregion=canvas.bbox("all"))
    scrollable_frame.bind("<Configure>", update_scrollregion)

    canvas.create_window((0, 0), window=scrollable_frame, anchor="nw")
    canvas.configure(yscrollcommand=scrollbar.set)

    # All_Page改用pack布局，让scrollable_frame感知其尺寸
    All_Page = Frame(scrollable_frame, background="pink", highlightbackground="#96de3d", highlightthickness=0)
    All_Page.pack(fill='both', expand=True, padx=10, pady=10)

    # 添加测试文本框，可输入多行内容测试滚动
    textbox = Text(All_Page, height=15, width=20)
    textbox.pack(fill='both', expand=True)

    # 布局画布和滚动条，填充Verticalbar空间
    canvas.pack(side="left", fill="both", expand=True)
    scrollbar.pack(side="right", fill="y")

page1.py（修正类名错误） #

import tkinter as tk
from tkinter import ttk

class Page1(tk.Frame):
    def __init__(self, master, **kw):
        super().__init__(master, **kw)
        # 后续可添加代码

page2.py #

import tkinter as tk
from tkinter import ttk

class Page2(tk.Frame):
    def __init__(self, master, **kw):
        super().__init__(master, **kw)
        # 后续可添加代码

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