Tkinter复选框定位问题：父框重选后子框位置混乱

以下Tkinter代码实现了父复选框（item1、item2、item3）勾选时显示对应子复选框（Lang系列）的功能，但父框取消勾选后再次勾选时，子框位置混乱，无法维持原有顺序。核心问题是全局的self.second_row变量未正确重置或更新，需要确保子框固定显示在对应父框的指定区域。

原代码 #

import tkinter as tk
from tkinter import ttk
from tkinter import messagebox


def main():
    app = Application()
    app.mainloop()


class Application(tk.Tk):
    def __init__(self):
        super().__init__()
        self.title("Simple App")
        self.geometry('800x500')

        self.columnconfigure(0, weight=1)

        # Blank space top left
        frame1 = tk.Frame(self)
        frame1.grid(row=0, column=0, columnspan=2)

        # Frame containing the 4 buttons
        frame2 = Buttons(self)
        frame2.grid(row=0, column=2, sticky="nswe", padx=5, pady=5)

        # Frame containing the first check boxes
        frame3 = Checkbox(self)
        frame3.grid(row=1, column=0, sticky="nswe", padx=5, pady=5)

        # Frame for next check boxes
        # frame4 = HandleCheckBox(self)
        # frame4.grid(row=1, column=1, sticky="nswe", padx=5, pady=5)


class Buttons(ttk.Frame):
    def __init__(self, parent):
        super().__init__(parent)

        self.entry_btn = ttk.Button(self, text="Add")
        self.entry_btn.grid(row=0, column=0)

        self.entry_btn2 = ttk.Button(self, text="Clear")
        self.entry_btn2.grid(row=0, column=1)

        self.entry_btn3 = ttk.Button(self, text="Continue")
        self.entry_btn3.grid(row=0, column=2)

        self.entry_btn4 = ttk.Button(self, text="Finish")
        self.entry_btn4.grid(row=2, column=0, columnspan=3, sticky='nsew')


class Checkbox(ttk.Frame):
    def __init__(self, parent):
        super().__init__(parent)
        self.checkbox_dict = {}  # Stores INT VAR
        self.second_checkbox_dict = {}  # Stores INT VAR for second boxes
        self.checkbox_list = []  # Stores WIDGET
        self.destroy_second_checkbox = {}  # Stores widgets for destruction
        self.row = 0
        self.second_row = 0

        for key in dict1.keys():
            self.checkbox_list.append(self.create_check_box(key))

    def create_check_box(self, dict_key):
        int_var = tk.IntVar(value=0)  # Set initial value to 0 (unchecked)
        checkbutton = ttk.Checkbutton(self, text=dict_key, variable=int_var,
                                      command=lambda: self.check_state(dict_key))

        checkbutton.grid(row=self.row, column=0, sticky='w')
        self.checkbox_dict[dict_key] = int_var
        self.row += 1
        return checkbutton

    def check_state(self, key):
        state = self.checkbox_dict[key].get()
        if state == 1:
            self.destroy_second_checkbox[key] = []
            for value in dict1[key]:
                int_var = tk.IntVar(value=0)  # Set initial value to 0 (unchecked)
                checkbutton = ttk.Checkbutton(self, text=value, variable=int_var)
                self.second_checkbox_dict[value] = int_var
                checkbutton.grid(row=self.second_row, column=1, sticky='w')
                self.destroy_second_checkbox[key].append(checkbutton)
                self.second_row += 1

        else:
            for widget in self.destroy_second_checkbox[key]:
                widget.destroy()


dict1 = {'item1': ['Lang1', 'Lang11'], 'item2': ['Lang2', 'Lang22'], 'item3': ['Lang3', 'Lang33']}
main()

解决方案 #

核心思路是为每个父复选框创建独立的子框架，子复选框放在对应子框架内，通过显示/隐藏子框架来控制子复选框的可见性，彻底避免全局行号变量导致的位置混乱问题。

修改后的Checkbox类代码如下：

class Checkbox(ttk.Frame):
    def __init__(self, parent):
        super().__init__(parent)
        self.checkbox_dict = {}  # Stores INT VAR for parent checkboxes
        self.second_checkbox_dict = {}  # Stores INT VAR for child checkboxes
        self.checkbox_list = []  # Stores parent checkbox widgets
        self.child_frames = {}  # Stores child frames for each parent checkbox
        self.row = 0

        for key in dict1.keys():
            self.checkbox_list.append(self.create_check_box(key))

    def create_check_box(self, dict_key):
        int_var = tk.IntVar(value=0)  # Set initial value to 0 (unchecked)
        checkbutton = ttk.Checkbutton(self, text=dict_key, variable=int_var,
                                      command=lambda: self.check_state(dict_key))

        checkbutton.grid(row=self.row, column=0, sticky='w')
        # 创建对应父框的子框架，初始隐藏
        child_frame = ttk.Frame(self)
        child_frame.grid(row=self.row + 1, column=1, sticky='w')
        child_frame.grid_remove()  # 初始状态隐藏子框架
        self.child_frames[dict_key] = child_frame
        self.checkbox_dict[dict_key] = int_var
        self.row += 1
        return checkbutton

    def check_state(self, key):
        state = self.checkbox_dict[key].get()
        child_frame = self.child_frames[key]
        
        if state == 1:
            # 清空子框架内原有控件（防止重复添加）
            for widget in child_frame.winfo_children():
                widget.destroy()
            # 添加子复选框到子框架
            for idx, value in enumerate(dict1[key]):
                int_var = tk.IntVar(value=0)
                checkbutton = ttk.Checkbutton(child_frame, text=value, variable=int_var)
                checkbutton.grid(row=idx, column=0, sticky='w')
                self.second_checkbox_dict[value] = int_var
            child_frame.grid()  # 显示子框架
        else:
            child_frame.grid_remove()  # 隐藏子框架

修改说明 #

• 移除了全局的self.second_row变量，改用每个父复选框对应的子框架来管理子复选框的位置。
• 每个父复选框创建时，同步生成一个隐藏的子框架，子框架的行号绑定在父复选框行号的下一行，确保子框固定在父框下方。
• 勾选父框时，清空子框架并重新添加子复选框，然后显示子框架；取消勾选时直接隐藏子框架，无需销毁控件（也可保留销毁逻辑，根据需求选择）。
• 子复选框的行号在各自的子框架内独立计算，完全避免了不同父框子控件的行号冲突。

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