在 ViewModel 中加载大量数据而不阻塞 UI

Question

我想在页面加载后加载我的视图模型，但我似乎不知道如何执行此操作。

这是 viewModel 方法，其中 LoadViewModel 中的两个方法都是长时间运行的异步方法：

public async Task LoadViewModel()        
{
    await GetAllTiles();
    await UpdateAllScenarioCardsAsync(); 
}

在视图中我正在尝试这样的事情：

private async void NavigationHelper_LoadState(object sender, LoadStateEventArgs e)
{
    var viewModel = DataContext as StatsViewModel;
    if (viewModel != null)
    {
        var statsViewModel = viewModel;
        await statsViewModel.LoadViewModel();
    }
}

由于某种原因，即使我删除了 GetAllTiles() 和 UpdateAllScenarioCardsAsync() 的等待，LoadViewModel() 方法也会阻塞整个 UI... NavigationHelper_LoadState 方法在页面加载之前运行，所以我尝试注册 LoadViewModel( ) 到页面的 Loaded 事件，但我似乎无法让它工作。

编辑 这是我的 UpdateAllScenarioCardsAsync() 类。 UpdateTotalTilesAsync() 和 UpdataTodayTilesAsync() 在代码中也有 await 语句，但它仍然会阻塞 UI。我使用了 closedScenario，因为我认为这个问题可能是在错误的范围内关闭了一个变量，就像在这个 question 中回答的那样，但现在仍然很幸运。我很想认为它与 foreach 循环有关，因为我已经在我的解决方案的其他地方成功地做到了这一点，并且它不会阻塞 UI 线程，但是该代码没有 foreach 循环。

private async Task UpdateAllScenarioCardsAsync()
{
    IsPending = true;

    try
    {
        // Load all of the scenario cards
        foreach (var scenario in _scenariosList)
        {
            var closedScenario = scenario;
            var data = new ScenarioDataCard(closedScenario);
            await UpdateTotalTiles(data);
            await UpdateTodayTestedTiles(data);
            ScenarioDataCards.Add(data);
        }
    }
    catch (Exception ex)
    {
        Debug.WriteLine(ex.Message);
    }
    finally
    {
        IsPending = false;
    }
}

Answer 1

您需要在 LoadState 事件处理程序中添加等待。否则它将在等待 LoadViewModel() 返回时简单地阻塞。像这样……

private async void NavigationHelper_LoadState(object sender, LoadStateEventArgs e)
{
    var viewModel = DataContext as StatsViewModel;
    if (viewModel != null)
    {
        await viewModel.LoadViewModel();
    }
} 

我还假设实现了 GetAllTiles 和 UpdateAllScenarioCardsAsync 方法，以便它们确实在另一个线程上执行工作，因此它们不会阻塞主用户界面线程。