如何为多个TextBox设置延迟变色？当前代码存在总延迟问题

你的问题核心在于同步等待（Task.Delay().Wait()）会阻塞UI线程，同时所有延迟是顺序累加的——比如XMS的变色要等EMS的25ms延迟结束后再等50ms，总耗时25+50=75ms才会变色，这就造成了累计延迟的问题，还会让你的界面在等待期间完全无法响应。

下面分两种场景给你解决方案：

场景1：按顺序依次变色（每个步骤延迟指定时间） #

如果你希望EMS先变色，隔50ms后XMS变色，再隔50msXSMS变色，最后再等2000ms，那么只需要把事件处理改成异步方法，用await替代Wait()，这样既不会阻塞UI，还能保持顺序执行：

private async void Button_Click(object sender, RoutedEventArgs e)
{
    await Task.Delay(25);
    EMS.Background = Brushes.Red; // 若你定义了RED常量，替换成对应Brush类型值即可
    await Task.Delay(50);
    XMS.Background = Brushes.Red;
    await Task.Delay(50);
    XSMS.Background = Brushes.Red;
    await Task.Delay(2000);
}

为什么这样有效？ #

• await Task.Delay()是异步等待，它会释放UI线程去处理其他用户操作（比如拖动窗口、点击其他按钮），不会让界面假死。
• 顺序执行的逻辑和你原来的一致，但每个延迟是相对于上一步完成的时间，适合需要依次触发变色的场景。

场景2：每个TextBox在点击后的独立时间点变色（无累计延迟） #

如果你希望EMS在点击后25ms变色，XMS在点击后50ms变色，XSMS在点击后100ms变色（所有延迟都从点击时刻开始算，不是依次累加），那么需要并行启动多个异步任务，同时确保UI操作在UI线程执行：

private async void Button_Click(object sender, RoutedEventArgs e)
{
    // 并行启动三个变色任务
    var task1 = Task.Run(async () =>
    {
        await Task.Delay(25);
        // 回到UI线程修改控件
        Application.Current.Dispatcher.Invoke(() => EMS.Background = Brushes.Red);
    });

    var task2 = Task.Run(async () =>
    {
        await Task.Delay(50);
        Application.Current.Dispatcher.Invoke(() => XMS.Background = Brushes.Red);
    });

    var task3 = Task.Run(async () =>
    {
        await Task.Delay(100);
        Application.Current.Dispatcher.Invoke(() => XSMS.Background = Brushes.Red);
    });

    // 等待所有变色任务完成，再执行最后的2000ms延迟
    await Task.WhenAll(task1, task2, task3);
    await Task.Delay(2000);
}

注意点： #

• 因为Task.Run会把代码放到后台线程执行，而WPF控件只能在创建它的UI线程修改，所以必须用Dispatcher.Invoke()回到UI线程操作控件。
• 这种方式下，三个TextBox的变色时间是独立的，不会互相累计延迟，总耗时只需要100ms（最长的那个延迟）加上最后的2000ms，而不是原来的2125ms。

最后提醒：如果你的RED是自定义颜色常量，确保它是Brush类型（比如new SolidColorBrush(Colors.Red)），否则会触发类型错误哦。

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