MAUI中取消ColorTo动画时程序挂起问题求助

问题根源分析 #

从调用栈和你的代码来看，导致程序挂起的核心原因有三点：

1. async void的异步上下文混乱：BlinkSlowly使用static async void，非事件处理场景下的async void会导致异步延续上下文不可控，容易引发UI线程与后台线程的操作冲突，加剧动画取消时的竞争条件。
2. 强制Abort与异步动画的资源竞争：直接调用AbortAnimation("ColorTo")属于强制中止操作，而ColorTo的异步回调（设置TaskCompletionSource结果）与Abort操作同时触发时，会在ConcurrentDictionary的线程安全操作中产生阻塞，这也是调用栈卡在TryGetValueInternal和GetOrAdd的原因。
3. 未采用协作式取消机制：你的取消逻辑没有利用ColorTo方法提供的CancellationToken参数，而是直接强制中止动画，缺少协作式的资源清理步骤。

解决方案 #

1. 替换async void为async Task #

将BlinkSlowly改为返回async Task，避免异步上下文丢失：

static async Task BlinkSlowly(VisualElement element, Color c1, CancellationToken token = default)
{
    if (element is BoxView b)
        await b.ColorTo(c1, token: token);
}

2. 使用CancellationToken协作取消动画 #

创建CancellationTokenSource管理动画生命周期，取消时调用Cancel()而非直接Abort：

private CancellationTokenSource _animationCts;

// 启动动画
void StartBlinkAnimation(BoxView box, Color targetColor)
{
    // 先终止之前的动画
    CancelAnimation();
    _animationCts = new CancellationTokenSource();
    _ = BlinkSlowly(box, targetColor, _animationCts.Token);
}

// 取消动画
void CancelAnimation()
{
    _animationCts?.Cancel();
    _animationCts?.Dispose();
    _animationCts = null;
}

3. 确保UI线程操作（可选） #

如果动画启动逻辑可能在非UI线程触发，需切换到UI线程执行：

void StartBlinkAnimation(BoxView box, Color targetColor)
{
    CancelAnimation();
    _animationCts = new CancellationTokenSource();
    // 切换到MAUI主线程执行动画
    MainThread.BeginInvokeOnMainThread(async () =>
    {
        await BlinkSlowly(box, targetColor, _animationCts.Token);
    });
}

4. 完善ColorTo扩展的取消逻辑 #

确保你的ColorTo扩展方法正确处理CancellationToken，在token取消时及时完成任务并清理资源：

public static async Task ColorTo(this BoxView element, Color targetColor, uint rate = 16, uint length = 250, Easing easing = null, CancellationToken token = default)
{
    var tcs = new TaskCompletionSource<bool>();
    using (token.Register(() => tcs.TrySetResult(true)))
    {
        var animation = new Animation(v => element.Color = Color.FromRgba(
            element.Color.Red + v * (targetColor.Red - element.Color.Red),
            element.Color.Green + v * (targetColor.Green - element.Color.Green),
            element.Color.Blue + v * (targetColor.Blue - element.Color.Blue),
            element.Color.Alpha + v * (targetColor.Alpha - element.Color.Alpha)), 0, 1, easing ?? Easing.Linear);
        
        animation.Commit(element, "ColorTo", rate, length, finished: (d, b) => tcs.TrySetResult(b));
        
        await tcs.Task;
    }
}

额外注意事项 #

• 避免重复启动动画：每次启动前先终止之前的动画，防止多个动画实例同时运行。
• 及时释放资源：CancellationTokenSource使用后要调用Dispose，避免内存泄漏。

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