问题描述
我在使用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);
}
欢迎提出任何想法。
作为一种解决方法,我将代码修改为如下所示。它似乎可以正常运行,但是在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);
}