Tkinter逐字显示文本实现 after方法调用错误排查

代码存在的核心问题 #

你的代码无法实现逐字输出，是三个逻辑错误导致的：

• after() 调用方式错误：after(delay, callback) 的第二个参数需要传入函数对象本身，你写的 mecanografiar(texto) 会在代码执行到这一行时立刻运行mecanografiar函数，把它的返回值（None）传给after，完全没有触发延迟调度。
• 打字逻辑错误：mecanografiar里的for循环第一次迭代就触发了return，函数直接退出；就算去掉return，同步for循环会在主线程一次性跑完所有逻辑，期间Tkinter没有机会刷新UI，最终只会直接显示完整文本，没有动画过程。
• 事件循环冗余：Tkinter程序全局只能有一个主事件循环，你给Toplevel子窗口ventana_T也调用了mainloop()，会造成事件响应混乱。

正确实现思路 #

逐字打字效果不能用同步循环实现，需要借助after做递归调度：每次只更新1个字符到Label上，然后通过after注册下一次字符更新的任务，直到所有字符输出完毕，给UI留出逐帧刷新的时间。

修复后可运行代码 #

import tkinter as tk
import os
from PIL import ImageTk
import PIL.Image    

# 逐字打字函数
def mecanografiar(texto, index=0):
    # 所有字符输出完毕就终止递归
    if index > len(texto):
        return
    W_texto.config(text=texto[0:index])
    # 150ms后输出下一个字符，调整这个值可以修改打字速度
    W_texto.after(150, mecanografiar, texto, index+1)

def escribir_texto(event):
    texto = "hola"
    mecanografiar(texto)

# 聊天框背景父窗口
def Ventana_Text_Box(event):
    global ventana_BT, I_Text_Box_Image
    
    ventana_BT = tk.Tk()
    ventana_BT.geometry(f"300x300+200+100")
    ventana_BT.configure(background="gray")
    
    I_Text_Box_Image = ImageTk.PhotoImage(I_Text_Box)
    
    Box_Texto = tk.Label(ventana_BT, image=I_Text_Box_Image, bg="gray")
    Box_Texto.pack()
    Box_Texto.bind("<Button-1>", Ventana_Texto)
    Box_Texto.bind("<Button-3>", escribir_texto)
    ventana_BT.wm_attributes("-transparentcolor", "gray")
    ventana_BT.overrideredirect(1)
    
    ventana_BT.mainloop()

# 文本展示子窗口
def Ventana_Texto(event):
    global ventana_T, W_texto
    
    ventana_T = tk.Toplevel()
    ventana_T.geometry(f"300x300+{ventana_BT.winfo_rootx()-70}+{ventana_BT.winfo_rooty()+140}")
    ventana_T.configure(background="gray")

    W_texto = tk.Label(ventana_T, text="", bg="pink")
    W_texto.config(fg="black", font=("Consola", 15))
    W_texto.pack()
    
    ventana_T.wm_attributes("-transparentcolor", "gray")
    ventana_T.overrideredirect(1)
    # 删除子窗口冗余的mainloop，仅保留根窗口主循环即可

scriptpath = os.path.abspath(__file__) 
scriptdir = os.path.dirname(scriptpath) 
Text_Box = os.path.join(scriptdir, "Dialogo", "text_box.png")
I_Text_Box = PIL.Image.open(Text_Box)
W_I = 350
H_I = W_I*712/800
I_Text_Box = I_Text_Box.resize((W_I,int(H_I)), PIL.Image.ANTIALIAS)

if __name__ == "__main__":
    Ventana_Text_Box(None)

调整说明 #

• 打字速度可以修改mecanografiar函数里after的第一个参数，数值越小打字越快，单位是毫秒。
• 如果需要多次触发打字效果，可以在mecanografiar函数开头先把Label的text清空，避免上一次的文本残留。

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