WPF(C#)中实现密码错误时边框红蓝闪烁的延迟操作问题

问题根源 #

你的原代码用同步循环修改边框颜色，UI线程被完全阻塞，根本没时间渲染中间的颜色变化，所以看不到预期的闪烁效果。不管是Thread.Sleep还是没加await的Task.Delay，都会导致这个问题。

正确实现代码 #

首先在类中添加取消令牌字段，防止重复触发时闪烁混乱：

private CancellationTokenSource _flashCts;

然后将Alert改为异步方法：

// 密码错误时执行的闪烁方法
async void Alert()
{
    // 取消正在进行的闪烁（如果有）
    _flashCts?.Cancel();
    _flashCts = new CancellationTokenSource();
    var token = _flashCts.Token;

    try
    {
        // 交替闪烁5次（可调整次数）
        for (int count = 0; count <= 5; count++)
        {
            if (token.IsCancellationRequested) break;

            // 设置深红边框
            Border_.BorderBrush = Brushes.DarkRed;
            // 等待500毫秒，让UI渲染颜色
            await Task.Delay(500, token);

            if (token.IsCancellationRequested) break;

            // 设置深蓝边框
            Border_.BorderBrush = Brushes.DarkBlue;
            await Task.Delay(500, token);
        }

        // 闪烁结束后恢复默认边框颜色（根据你的需求修改）
        if (!token.IsCancellationRequested)
        {
            Border_.BorderBrush = Brushes.Gray;
        }
    }
    catch (TaskCanceledException)
    {
        // 忽略取消操作的异常
    }
}

关键说明 #

• 异步等待：用await Task.Delay()替代同步等待，不会阻塞UI线程，让界面有时间渲染颜色变化。
• 取消机制：添加CancellationTokenSource，如果用户多次触发错误，会终止之前的闪烁任务，避免颜色混乱。
• 线程安全：异步方法在UI线程上下文执行，直接修改BorderBrush不会触发跨线程访问异常。

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