基于OOP的Tkinter问答应用：如何移除画布上的旧控件

核心思路是在类中维护当前显示的输入控件引用，每次切换问题前先移除旧控件，再渲染新控件。具体实现步骤如下：

1. 初始化控件存储属性 #

在__init__方法中添加两个属性，分别用来保存当前的单选按钮组和输入框：

def __init__(..):
    self.window = Tk()
    self.canvas = Canvas(width, height, ...)
    # 新增：存储当前显示的输入控件
    self.current_radios = []  # 保存单选按钮
    self.current_entry = None  # 保存输入框
    ...

2. 修改next_btn函数，添加控件清理逻辑 #

每次加载新问题前，先移除之前显示的单选按钮和输入框：

def next_btn(self): 
    self.responses.append(self.user_answer.get())
    if self.has_more_questions():
        # 先清理旧控件
        # 移除所有单选按钮
        for btn in self.current_radios:
            btn.place_forget()
        self.current_radios.clear()
        # 移除输入框（如果存在）
        if self.current_entry:
            self.current_entry.place_forget()
            self.current_entry = None
        
        # 再加载新问题和对应输入控件
        self.display_question()
        if ...:
            self.display_options()
        else:
            self.display_input_box()
    else:
        self.display_result()

3. 更新display_input_box方法，绑定输入框引用 #

创建输入框时，将其赋值给self.current_entry，确保后续能找到并移除：

def display_input_box(self):
    self.user_answer.set(None)
    # 创建新输入框并绑定到类属性
    self.current_entry = Entry(self.window, textvariable=self.user_answer) 
    self.current_entry.place(x,y)

4. 更新display_options方法，绑定单选按钮引用 #

生成单选按钮后，将它们添加到self.current_radios列表中：

def display_options(self):
    ...
    val=0
    self.user_answer.set(None)
    self.opts = self.make_radio_buttons()
    # 将新生成的单选按钮存入列表
    self.current_radios.extend(self.opts)
    for option in self.options:
        self.opts[val]['text'] = option
        self.opts[val]['value'] = option
        val += 1

额外优化：避免重复创建控件（可选） #

如果不想每次都销毁重建控件，可以复用已创建的控件：

• 对于单选按钮，初始化时创建足够数量的按钮，后续只修改文本和值，显示/隐藏即可
• 对于输入框，只创建一次，需要时显示，不需要时隐藏

示例（复用单选按钮）：

def __init__(..):
    ...
    self.radio_buttons = []  # 预创建的单选按钮池
    # 预创建最多需要的按钮数量（比如10个）
    for _ in range(10):
        btn = Radiobutton(self.window, text="", variable=self.user_answer)
        btn.place_forget()  # 默认隐藏
        self.radio_buttons.append(btn)

def display_options(self):
    ...
    val=0
    self.user_answer.set(None)
    # 先隐藏所有预创建的按钮
    for btn in self.radio_buttons:
        btn.place_forget()
    # 只显示需要的按钮并设置文本/值
    for option in self.options:
        self.radio_buttons[val]['text'] = option
        self.radio_buttons[val]['value'] = option
        self.radio_buttons[val].place(x,y)
        val += 1

这样就能彻底解决控件叠加的问题，每次切换问题时旧控件都会被隐藏，新控件正常显示。

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