UWP页面因ListView加载数据导致导航缓慢如何解决？

我完全懂你的痛点——本来想快速跳转到目标页面，结果因为要处理数据、填充ListView，用户得等半天才能看到页面。其实问题出在你把数据加载逻辑放在了构造函数里，而且没把耗时操作放到后台线程。下面给你一步步讲怎么改：

核心思路 #

1. 把数据加载移出构造函数：构造函数是页面初始化的第一步，在这里做耗时操作会阻塞UI线程，导致页面渲染延迟。我们应该把逻辑移到页面导航完成后的生命周期方法里，比如OnNavigatedTo或者Loaded事件。
2. 耗时操作丢去后台线程：过滤、排序数据这种费时间的活儿，别让UI线程干，用Task.Run放到后台线程执行，这样UI线程能专心渲染页面，用户先看到页面（或加载动画），等数据处理完再填充ListView。

具体代码实现 #

第一步：简化构造函数 #

先把构造函数里的数据加载逻辑删掉，只保留初始化组件的代码：

public FriendsPage()
{
    this.InitializeComponent();
    // 这里只做UI初始化，别放数据处理逻辑
}

第二步：用OnNavigatedTo异步加载数据（推荐） #

UWP页面有个专门的导航生命周期方法OnNavigatedTo，页面导航完成后会触发它，在这里异步加载数据最合适：

protected override async void OnNavigatedTo(NavigationEventArgs e)
{
    base.OnNavigatedTo(e);
    // 调用异步加载方法
    await RefreshListViewsAsync();
}

private async Task RefreshListViewsAsync()
{
    // 把耗时的过滤、排序放到后台线程，避免阻塞UI
    var processedData = await Task.Run(() =>
    {
        // 这里写你的实际逻辑：从本地取数据、过滤、排序
        // 模拟1秒耗时，对应你之前的Task.Delay(1000)
        System.Threading.Thread.Sleep(1000);
        return YourLocalData.Where(item => item.IsActive).OrderBy(item => item.Name).ToList();
    });

    // 回到UI线程给ListView设置数据源（UI操作必须在UI线程执行）
    Listview.ItemsSource = processedData;
}

可选：加个加载动画提升体验 #

用户看到空白页面容易以为程序卡了，不如加个加载提示。先在XAML里加个ProgressRing：

<Grid>
    <!-- 你的ListView -->
    <ListView x:Name="Listview" Visibility="Collapsed">
        <!-- 这里是你的ListView ItemTemplate -->
    </ListView>

    <!-- 加载动画 -->
    <ProgressRing x:Name="LoadingIndicator" IsActive="True" 
                  HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>

然后修改RefreshListViewsAsync方法，控制加载动画的显示：

private async Task RefreshListViewsAsync()
{
    // 显示加载动画，隐藏ListView
    LoadingIndicator.IsActive = true;
    Listview.Visibility = Visibility.Collapsed;

    var processedData = await Task.Run(() =>
    {
        System.Threading.Thread.Sleep(1000);
        return YourLocalData.Where(item => item.IsActive).OrderBy(item => item.Name).ToList();
    });

    // 数据加载完成，显示ListView，隐藏加载动画
    Listview.ItemsSource = processedData;
    LoadingIndicator.IsActive = false;
    Listview.Visibility = Visibility.Visible;
}

为什么之前的代码不行？ #

你之前在构造函数里调用async void的方法，虽然用了await，但构造函数本身是同步的，而且如果过滤排序是在UI线程执行的，还是会阻塞页面渲染。把逻辑移到OnNavigatedTo后，页面已经完成导航和初始渲染，用户能先看到页面，后台再慢慢处理数据，体验就流畅多了。

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