打字速度测试App的Tkinter线程问题排查求助

核心错误点 #

1. after方法调用错误：start_timer里的root.timecanvas.after(1000, root.tick())是直接执行了root.tick()，而非将函数作为参数传递给after，导致tick被立即执行，而非延迟1秒触发。
2. 子线程+while循环干扰主事件循环：子线程中的while循环持续运行，加上tick里的self.timecanvas.update()强制刷新GUI，抢占了主事件循环的资源，导致输入框的键盘事件无法及时响应，出现卡顿。
3. 不必要的线程使用：Tkinter的after机制本身就是非阻塞的，完全不需要额外线程实现倒计时，线程反而会引发GUI操作的线程安全问题。

修正后的代码 #

timer_display.py

from tkinter import *

class App(Tk):
    def __init__(self):
        super().__init__()
        self.timer = 60
        self.score = 0
        self.timer_running = False  # 标记计时器状态，防止重复启动

    def countdown(self, parent):
        self.timecanvas = Canvas(parent, bg="black", width=500, height=100)
        self.timecanvas.pack()

    def tick(self):
        if self.timer > 0 and self.timer_running:
            self.timecanvas.delete('all')
            self.timecanvas.create_text(145, 45, text=f"{self.timer}", fill="green", font=('Helvetica 55 bold'))
            self.timer -= 1
            # 递归调用after实现非阻塞循环
            self.timecanvas.after(1000, self.tick)

    def start_timer(self):
        if not self.timer_running:
            self.timer_running = True
            self.tick()

main.py

from tkinter import *
import PIL
from PIL import ImageTk, Image, ImageDraw, ImageFont
from timer_display import App

def begin():
    global canvas, start_button
    canvas.destroy()
    frame2 = Frame(root, bg="white", height=100, width=500)
    root.countdown(frame2)
    start_button.destroy()
    # 直接绑定App类的start_timer方法，无需额外线程
    start_button = Button(root, bg="white", image=start_but, command=root.start_timer)
    start_button.pack()
    input_entry = Entry(root, bg="white", width=50, fg="black")
    input_entry.pack()
    frame2.pack()

root = App()
root.title("Typing Speed App")
root.config(padx=10, pady=10)
root.minsize(500,500)
root.maxsize(900,900)
root.geometry("900x900")

display = PIL.Image.open('racetrack.jpg', mode='r').resize((800, 800))
trackpic = ImageDraw.Draw(display)
font = ImageFont.load_default(20)
trackpic.text((75,0),"Welcome to Type Timer App!", font=font, fill=(0,0,0))
trackpic.text((305,700),"Click Start to Begin!", font=font, fill=(255,255,255))

canvas = Canvas(root, bg="white")
img = ImageTk.PhotoImage(display)
start_but = ImageTk.PhotoImage(Image.open('start_button.jpg', mode='r').resize((150, 150)))
canvas.config(height=800,width=800)

start_button = Button(root, bg="white", image=start_but, command=begin)
start_button.config(height=150,width=150)
start_button.place(x=350,y=520)

canvas.create_image(0,0,image=img,anchor=NW)
canvas.pack()

root.mainloop()

关键修正说明 #

• 移除所有线程代码，改用Tkinter原生的after递归调用实现非阻塞倒计时，这是Tkinter处理定时任务的标准方式。
• 新增timer_running标记，避免计时器被重复启动。
• 删除tick中的self.timecanvas.update()，让主事件循环自动处理GUI刷新，不再干扰输入事件响应。
• 修正after调用方式，传递函数引用而非直接执行函数。

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