如何为Tkinter矩形动画添加逐个变红的第三个按钮？

嘿，我来帮你搞定这个动画问题！你遇到的核心问题是**time.sleep()会阻塞Tkinter的主事件循环**——当你调用sleep时，整个GUI会卡住，没法更新界面，所以你看不到逐个变红的过程，只能等所有sleep结束后一次性看到结果。

正确的做法是使用Tkinter自带的after()方法，它可以在不阻塞主循环的情况下，延迟执行指定函数。另外，我还会帮你优化原有代码：把所有矩形的ID存储在列表里，这样后续修改颜色时不用重复创建矩形，效率更高。

修改后的完整代码 #

import tkinter as tk  # 推荐用tk的别名，更简洁

master = tk.Tk()
canvas_width = 280
canvas_height = 50
w = tk.Canvas(master, width=canvas_width, height=canvas_height)
w.pack()

# 存储所有矩形的ID，方便后续修改颜色
rect_ids = []
for i in range(10):
    x1 = i * 25
    x2 = x1 + 25
    rect_id = w.create_rectangle(x1, 0, x2, 25, fill="grey")
    rect_ids.append(rect_id)

def set_all_color(color):
    # 统一修改所有矩形颜色的工具函数
    for rect_id in rect_ids:
        w.itemconfig(rect_id, fill=color)

def uno():
    set_all_color("red")

def dos():
    set_all_color("grey")

def animate_step(index=0):
    # 递归实现逐个变色
    if index < len(rect_ids):
        w.itemconfig(rect_ids[index], fill="red")
        # 1000毫秒（1秒）后执行下一个步骤，index+1
        master.after(1000, animate_step, index + 1)

button1 = tk.Button(master, text="zasviet", command=uno)
button1.pack(side='left', padx=10)
button2 = tk.Button(master, text="zhasni", command=dos)
button2.pack(side='left', padx=10)
button3 = tk.Button(master, text="animacia", command=animate_step)
button3.pack(side='left', padx=10)

master.mainloop()

关键说明 #

• 存储矩形ID：通过循环创建矩形并把每个矩形的ID存入rect_ids列表，后续用w.itemconfig()直接修改已有矩形的颜色，避免重复创建控件。
• after()方法：master.after(1000, animate_step, index + 1)表示“1000毫秒后调用animate_step函数，并传入参数index+1”。这个方法不会阻塞主循环，所以界面能实时更新。
• 递归动画逻辑：animate_step函数每次处理一个矩形，然后调用after延迟后处理下一个，直到所有矩形都变红。

这样点击第三个按钮后，你就能看到矩形从左到右逐个变红，每个间隔1秒的效果啦！

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