CustomTkinter按钮点击变色再恢复异常问题排查

需求 #

• 点击按钮后立即切换为红色
• 模拟5秒耗时操作（替代步进电机执行代码）
• 操作结束后恢复按钮默认蓝灰色（fg_color=['#3B8ED0','#1F6AA5']）

遇到的问题 #

• 启用time.sleep(5)时，按钮需等睡眠结束才会变红
• 添加恢复颜色的代码后，按钮全程保持默认色，根本不会变红
• 尝试添加self.button_11.update_idletasks()后，红色仅在睡眠结束后闪一下

问题根源 #

time.sleep()会直接阻塞GUI主线程，导致界面刷新任务被挂起。哪怕调用update_idletasks()能处理部分待更新任务，但主线程被sleep占用期间，用户看不到界面变化；等sleep结束后立刻执行恢复颜色的代码，就只会出现红色闪一下的情况。

正确解决方案 #

使用CustomTkinter（继承自tkinter）的after()方法，它可以在指定延迟后执行回调函数，不会阻塞主线程，保证界面实时响应。

修正后的代码 #

def feed_testing(self):
    global feed_steps
    # 立即将按钮切换为红色
    self.button_11.configure(fg_color="Red")
    # 5000毫秒（5秒）后触发恢复颜色的函数
    self.button_11.after(5000, self.reset_button_color)

def reset_button_color(self):
    # 恢复按钮默认的蓝灰色（适配深浅色模式的双色配置）
    self.button_11.configure(fg_color=['#3B8ED0','#1F6AA5'])

额外说明 #

• 如果需要在延迟期间执行实际的步进电机逻辑，不要用time.sleep()：
  1. 若逻辑可拆分，可将每一步操作通过after()循环调用
  2. 若逻辑不可拆分，需放到单独的线程中执行，线程中更新GUI时必须通过after()方法同步，避免线程安全问题

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