如何用Python和Tkinter实现自动更新编号的标签页？

我编写了一段Python Tkinter代码，希望程序生成的标签页显示为“Frame 1”“Frame 2”这类编号形式，但新增或删除标签页时，显示的编号无法自动更新，仅点击“Update Title”按钮时选中的标签页编号能正确显示。调试数小时仍未解决，附上当前代码：

import tkinter as tk
import tkinter.ttk as ttk
from tkinter import colorchooser as colorchooser
from tkinter import filedialog as filedialog

class AllColorsApp:
    def __init__(self, master=None):
        self.mainwindow = tk.Tk() if master is None else tk.Toplevel(master)

        self.tabs = {}
        self.frame_count = 1
        self.notebook = ttk.Notebook(self.mainwindow)
        self.notebook.pack(fill='both', expand=True)

        self.create_initial_tab()
        self.create_buttons()
        self.create_menu()

        self.mainwindow.bind_all("<Control-s>", lambda event: self.save_config_to_file())

    def create_initial_tab(self):
        initial_frame = ttk.Frame(self.notebook)
        self.notebook.add(initial_frame, text=f"Frame {self.frame_count}: 'Initial Frame'")
        self.create_leds(initial_frame)
        self.tabs[self.frame_count] = (initial_frame, 'Initial Frame', '1.00')

    def create_leds(self, frame):
        for i in range(1, 10):
            led_frame = ttk.Labelframe(frame, text=f"LED {i}")
            led_frame.grid(row=i, column=0, padx=10, pady=5)

            select_color_button = ttk.Button(led_frame, text='Select Color')
            select_color_button.grid(row=0, column=0)

            canvas = tk.Canvas(led_frame, background="#fb8686", borderwidth=0, height=25, highlightbackground="#c0c0c0", width=25)
            canvas.grid(row=0, column=1, padx=10)

            select_color_button.configure(command=lambda c=canvas, led_num=i: self.choose_color(c, led_num))

    def create_buttons(self):
        top_button_frame = ttk.Frame(self.mainwindow)
        top_button_frame.pack(side=tk.TOP, pady=5)

        create_frame_button = ttk.Button(top_button_frame, text="Create Frame", command=self.create_new_frame)
        create_frame_button.pack(side=tk.LEFT, padx=10)

        delete_frame_button = ttk.Button(top_button_frame, text="Delete Frame", command=self.delete_selected_frame)
        delete_frame_button.pack(side=tk.LEFT, padx=10)

        update_title_button = ttk.Button(top_button_frame, text="Update Title", command=self.update_frame_title)
        update_title_button.pack(side=tk.LEFT, padx=10)

        self.title_entry = ttk.Entry(top_button_frame)
        self.title_entry.pack(side=tk.LEFT, padx=10)

        delay_label = ttk.Label(top_button_frame, text="Delay:")
        delay_label.pack(side=tk.LEFT, padx=10)

        self.delay_entry = ttk.Entry(top_button_frame)
        self.delay_entry.insert(0, "1.00")  # Default value
        self.delay_entry.pack(side=tk.LEFT, padx=10)

    def open_file(self):
            file_path = filedialog.askopenfilename(filetypes=[("Text files", "*.txt"), ("All files", "*.*")])
            if file_path:
                # Perform actions to open and process the selected file
                print(f"Opened file: {file_path}")
                # Add your file processing logic here

    def create_menu(self):
        menubar = tk.Menu(self.mainwindow)
        self.mainwindow.config(menu=menubar)

        file_menu = tk.Menu(menubar, tearoff=0)
        file_menu.add_command(label="Open", command=self.open_file)  # Bind the open_file method to "Open" menu item
        file_menu.add_command(label="Save", command=self.save_config_to_file)
        file_menu.add_separator()
        file_menu.add_command(label="Exit", command=self.mainwindow.quit)
        menubar.add_cascade(label="File", menu=file_menu)

    def choose_color(self, canvas, led_num):
        color_code = colorchooser.askcolor(title="Choose color")[1]
        if color_code:
            canvas.configure(background=color_code)
            # Update the LED color in the respective frame
            self.update_temp_config_color(led_num, color_code)

    def update_temp_config_color(self, led_num, color_code):
        # Update the color in the temporary configuration file or storage as needed
        pass  # Implement this method according to your storage logic

    def update_frame_title(self):
        current_tab = self.notebook.select()
        if current_tab:
            tab_index = self.notebook.index(current_tab)
            new_title = self.title_entry.get()
            new_tab_name = f"Frame {tab_index + 1}: '{new_title}'"  # Adjust index for tab numbering
            self.notebook.tab(current_tab, text=new_tab_name)
            self.tabs[tab_index + 1] = (self.tabs[tab_index + 1][0], new_title, self.tabs[tab_index + 1][2])  # Update title in stored data
            del self.tabs[tab_index]  # Delete old entry
            self.update_frame_numbers()  # Update numbering after title change
            self.renumber_all_frames()  # Renumber GUI tabs

    def update_frame_numbers(self):
        # Update the numbering in the stored data based on the current order
        updated_tabs = {}
        for index, tab in enumerate(self.notebook.tabs(), start=1):
            tab_info = self.tabs[self.notebook.index(tab)]
            updated_tabs[index] = (tab_info[0], tab_info[1], tab_info[2])

        self.tabs = updated_tabs

    def renumber_all_frames(self):
        # Print the list of tabs and renumber the displayed tabs in the GUI without gaps
        index = 1
        for tab in list(self.notebook.tabs()):
            tab_info = self.tabs[self.notebook.index(tab)]
            new_tab_name = f"Frame {index}: '{tab_info[1]}'"
            self.notebook.tab(tab, text=new_tab_name)
            index += 1

    def print_tab_names(self):
        for index, tab in enumerate(self.notebook.tabs(), start=1):
            tab_info = self.tabs[self.notebook.index(tab)]
            print(f"Frame {index}: '{tab_info[1]}'")

    # Update the methods
    def switch_to_tab(self, index):
        self.notebook.select(index - 1)  # Index starts from 0 in the notebook, so subtract 1

    # Update the methods
    def create_new_frame(self):
        self.frame_count = max(self.tabs.keys(), default=0) + 1  # Find the next available index
        new_tab_name = f"Frame {self.frame_count}: 'New Frame'"
        new_frame = ttk.Frame(self.notebook)

        self.notebook.add(new_frame, text=new_tab_name)
        self.create_leds(new_frame)
        self.tabs[self.frame_count] = (new_frame, 'New Frame', self.delay_entry.get())

        self.update_frame_numbers()  # Update the numbering
        self.renumber_all_frames()  # Renumber all frames after creating a new one
        self.print_tab_names()  # Print tab names after creation
        self.switch_to_tab(self.frame_count)  # Switch to the newly created tab

    def delete_selected_frame(self):
        current_tab = self.notebook.select()
        if current_tab:
            tab_index = self.notebook.index(current_tab)
            self.notebook.forget(tab_index)
            del self.tabs[tab_index]

            # Update numbering and GUI tabs after deletion
            updated_tabs = {}
            for index, tab in enumerate(self.notebook.tabs(), start=1):
                tab_info = self.tabs[self.notebook.index(tab)]
                updated_tabs[index] = (tab_info[0], tab_info[1], tab_info[2])
                new_tab_name = f"Frame {index}: '{tab_info[1]}'"
                self.notebook.tab(tab, text=new_tab_name)

            self.tabs = updated_tabs
            self.print_tab_names()  # Print tab names after deletion

            # Switch to the first tab after deletion if any tabs are left
            if len(self.notebook.tabs()) > 0:
                self.switch_to_tab(1)


    def save_config_to_file(self):
        # Save the configuration to file or storage as needed
        pass  # Implement this method according to your file-saving logic

    def run(self):
        self.mainwindow.mainloop()

if __name__ == "__main__":
    app = AllColorsApp()
    app.run()

问题根源 #

• update_frame_title中错误执行了del self.tabs[tab_index]，tab_index是Notebook的0基索引，但self.tabs用的是1基编号，导致字典索引混乱。
• create_new_frame中先给新标签分配了基于旧字典的self.frame_count，随后调用renumber_all_frames重新编号，但切换标签时仍用旧的self.frame_count，导致切换到错误的标签。
• delete_selected_frame中重复实现了update_frame_numbers和renumber_all_frames的逻辑，和现有方法冲突，容易引发索引错误。

修改后的完整代码 #

import tkinter as tk
import tkinter.ttk as ttk
from tkinter import colorchooser as colorchooser
from tkinter import filedialog as filedialog

class AllColorsApp:
    def __init__(self, master=None):
        self.mainwindow = tk.Tk() if master is None else tk.Toplevel(master)

        self.tabs = {}
        self.notebook = ttk.Notebook(self.mainwindow)
        self.notebook.pack(fill='both', expand=True)

        self.create_initial_tab()
        self.create_buttons()
        self.create_menu()

        self.mainwindow.bind_all("<Control-s>", lambda event: self.save_config_to_file())

    def create_initial_tab(self):
        initial_frame = ttk.Frame(self.notebook)
        self.notebook.add(initial_frame, text="Frame 1: 'Initial Frame'")
        self.create_leds(initial_frame)
        self.tabs[1] = (initial_frame, 'Initial Frame', '1.00')

    def create_leds(self, frame):
        for i in range(1, 10):
            led_frame = ttk.Labelframe(frame, text=f"LED {i}")
            led_frame.grid(row=i, column=0, padx=10, pady=5)

            select_color_button = ttk.Button(led_frame, text='Select Color')
            select_color_button.grid(row=0, column=0)

            canvas = tk.Canvas(led_frame, background="#fb8686", borderwidth=0, height=25, highlightbackground="#c0c0c0", width=25)
            canvas.grid(row=0, column=1, padx=10)

            select_color_button.configure(command=lambda c=canvas, led_num=i: self.choose_color(c, led_num))

    def create_buttons(self):
        top_button_frame = ttk.Frame(self.mainwindow)
        top_button_frame.pack(side=tk.TOP, pady=5)

        create_frame_button = ttk.Button(top_button_frame, text="Create Frame", command=self.create_new_frame)
        create_frame_button.pack(side=tk.LEFT, padx=10)

        delete_frame_button = ttk.Button(top_button_frame, text="Delete Frame", command=self.delete_selected_frame)
        delete_frame_button.pack(side=tk.LEFT, padx=10)

        update_title_button = ttk.Button(top_button_frame, text="Update Title", command=self.update_frame_title)
        update_title_button.pack(side=tk.LEFT, padx=10)

        self.title_entry = ttk.Entry(top_button_frame)
        self.title_entry.pack(side=tk.LEFT, padx=10)

        delay_label = ttk.Label(top_button_frame, text="Delay:")
        delay_label.pack(side=tk.LEFT, padx=10)

        self.delay_entry = ttk.Entry(top_button_frame)
        self.delay_entry.insert(0, "1.00")  # Default value
        self.delay_entry.pack(side=tk.LEFT, padx=10)

    def open_file(self):
            file_path = filedialog.askopenfilename(filetypes=[("Text files", "*.txt"), ("All files", "*.*")])
            if file_path:
                print(f"Opened file: {file_path}")

    def create_menu(self):
        menubar = tk.Menu(self.mainwindow)
        self.mainwindow.config(menu=menubar)

        file_menu = tk.Menu(menubar, tearoff=0)
        file_menu.add_command(label="Open", command=self.open_file)
        file_menu.add_command(label="Save", command=self.save_config_to_file)
        file_menu.add_separator()
        file_menu.add_command(label="Exit", command=self.mainwindow.quit)
        menubar.add_cascade(label="File", menu=file_menu)

    def choose_color(self, canvas, led_num):
        color_code = colorchooser.askcolor(title="Choose color")[1]
        if color_code:
            canvas.configure(background=color_code)
            self.update_temp_config_color(led_num, color_code)

    def update_temp_config_color(self, led_num, color_code):
        pass

    def update_frame_title(self):
        current_tab = self.notebook.select()
        if current_tab:
            # 获取当前标签的1基编号
            tab_number = self.notebook.index(current_tab) + 1
            new_title = self.title_entry.get() or "Untitled"
            # 更新GUI显示
            self.notebook.tab(current_tab, text=f"Frame {tab_number}: '{new_title}'")
            # 更新字典中的标题
            self.tabs[tab_number] = (self.tabs[tab_number][0], new_title, self.tabs[tab_number][2])

    def update_frame_numbers(self):
        # 重新构建字典，保证索引从1开始连续
        updated_tabs = {}
        for index, tab in enumerate(self.notebook.tabs(), start=1):
            # 获取原字典中的标签信息（原索引是旧的编号，需要用Notebook的0基索引找）
            old_index = self.notebook.index(tab) + 1
            updated_tabs[index] = self.tabs[old_index]
        self.tabs = updated_tabs

    def renumber_all_frames(self):
        # 遍历所有标签，更新显示文本
        for index, tab in enumerate(self.notebook.tabs(), start=1):
            tab_info = self.tabs[index]
            self.notebook.tab(tab, text=f"Frame {index}: '{tab_info[1]}'")

    def print_tab_names(self):
        for index in self.tabs:
            print(f"Frame {index}: '{self.tabs[index][1]}'")

    def switch_to_tab(self, index):
        self.notebook.select(index - 1)

    def create_new_frame(self):
        new_frame = ttk.Frame(self.notebook)
        # 先临时添加标签，后续统一更新编号
        self.notebook.add(new_frame, text="Temp")
        self.create_leds(new_frame)
        # 先把新标签加入字典（临时用最大索引+1）
        temp_index = max(self.tabs.keys(), default=0) + 1
        self.tabs[temp_index] = (new_frame, 'New Frame', self.delay_entry.get())
        
        # 统一更新编号
        self.update_frame_numbers()
        self.renumber_all_frames()
        self.print_tab_names()
        # 切换到最后一个标签
        self.switch_to_tab(len(self.tabs))

    def delete_selected_frame(self):
        current_tab = self.notebook.select()
        if current_tab:
            tab_index = self.notebook.index(current_tab)
            # 从Notebook中移除
            self.notebook.forget(tab_index)
            # 从字典中删除对应1基索引的条目
            del self.tabs[tab_index + 1]
            
            # 统一更新编号
            self.update_frame_numbers()
            self.renumber_all_frames()
            self.print_tab_names()
            
            if len(self.notebook.tabs()) > 0:
                self.switch_to_tab(1)

    def save_config_to_file(self):
        pass

    def run(self):
        self.mainwindow.mainloop()

if __name__ == "__main__":
    app = AllColorsApp()
    app.run()

关键修改点 #

1. 修复update_frame_title的字典操作：删除错误的del self.tabs[tab_index]，直接通过1基编号更新字典中的标题，避免索引混乱。
2. 简化create_new_frame逻辑：新增标签后不再手动计算frame_count，而是通过update_frame_numbers统一重构字典索引，保证编号连续，切换标签时直接用最新的标签总数。
3. 统一delete_selected_frame的更新流程：删除标签后调用统一的update_frame_numbers和`renumber_all