Xamarin Forms淡出动画不起作用

如何解决Xamarin Forms淡出动画不起作用

我在使用Fadeto扩展方法时遇到困难。淡出有效，但淡入时不会动画，只是显示视图。这在iOS和Android上均会发生。这是我的代码：

private async System.Threading.Tasks.Task FadeTaskView(bool appear)
{
    if (appear)
    {
        await _Scroller.Fadeto(1,250,Easing.Linear);
    }
    else
    {
        await _Scroller.Fadeto(0,Easing.Linear);
    }
}

private async void OnCalendarDateChanged()
{
    await FadeTaskView(false);

    Tasks.Load(_TaskbackingStore.Where((t) =>
        t.Due.Date == CalendarDate.Date
    ));

    await FadeTaskView(true);
}

当我删除/注释掉Tasks.Load行时，动画效果很好。

欢迎提出任何想法。

作为一种解决方法，我将代码修改为如下所示。它似乎可以正常运行，但是在iOS上会降低性能：

    private async void OnCalendarDateChanged()
    {
        var tasksToShow = _TaskbackingStore.Where((t) =>
            t.Due.Date == CalendarDate.Date
        ).ToArray();
        
        await FadeTaskView(false);

        Tasks.Load(tasksToShow);

        if(Device.RuntimePlatform == Device.iOS)
            await System.Threading.Tasks.Task.Delay(750);

        await FadeTaskView(true);
    }

解决方法

您可能正在后台线程上运行动画。

我们可以利用Device.InvokeOnMainThreadAsync来确保动画在主线程（即UI线程）上进行。

private System.Threading.Tasks.Task FadeTaskView(bool appear) => Device.InvokeOnMainThreadAsync(async () =>
{   
    if (appear)
    {
        await _Scroller.FadeTo(1,250,Easing.Linear);
    }
    else
    {
        await _Scroller.FadeTo(0,Easing.Linear);
    }
}

private async void OnCalendarDateChanged()
{
    await FadeTaskView(false);

    Tasks.Load(_TaskBackingStore.Where((t) =>
        t.Due.Date == CalendarDate.Date
    ));

    await FadeTaskView(true);
}