时间戳

首页 > 解决方案 > UWP Listview 冻结应用几秒钟

listview - UWP Listview 冻结应用几秒钟

问题描述

当我导航到包含列表视图的框架时，我的应用程序在获取数据时冻结了几秒钟。我尝试在我的主菜单中显示一个加载文本块，但它只在我的应用程序导航到包含列表视图的框架之前开始显示。

有什么方法可以加快加载速度，或者在应用程序冻结之前显示加载消息？

主菜单按钮

        private void moviesClicked(object sender, RoutedEventArgs e)
        {
            txtLoading.Visibility = Visibility.Visible;
            Frame.Navigate(typeof(MovieList));
        }

**列表视图页面的构造函数**

public sealed partial class MovieList : Page
    {
        private MoviesViewModel vm;

        public MovieList()
        {
            InitializeComponent();
            SystemNavigationManager.GetForCurrentView().AppViewBackButtonVisibility = AppViewBackButtonVisibility.Visible;
            SystemNavigationManager.GetForCurrentView().BackRequested += (s, e) =>
            {
                // Handle the Back pressed  
            };
                // vm contains the list loaded into the view
            vm = new MoviesViewModel();
        }
    }

视图模型

   public class MoviesViewModel
    {
        public ObservableCollection<MovieGeneral> movies { get; set; } = new ObservableCollection<MovieGeneral>();
        private MovieService movieService = new MovieService();

        public MoviesViewModel()
        {
            movies = movieService.LoadMovies();
        }
    }

标签： listviewuwploading

解决方案

如果使用网络请求，比如HttpClient，可以通过该HttpClient.GetAsync()方法进行异步调用，即不会冻结当前UI线程。

但是不能await在构造函数中使用来进行异步调用，所以建议不要将LoadMovie方法放在MoviesViewModel的构造函数中，而是创建一个新方法，然后在MoviesViewModel初始化完成后再进行异步调用，像这样：

视图模型

public class MoviesViewModel
{
    ...

    public async Task LoadMovies()
    {
        movies = await movieService.LoadMovies();
    }
}

页

public sealed partial class MovieList : Page
{
    private MoviesViewModel vm;

    public MovieList()
    {
        InitializeComponent();
        // other code

    }
    protected async override void OnNavigatedTo(NavigationEventArgs e)
    {
        vm = new MoviesViewModel();
        await vm.LoadMovies();
    }
}

有关异步编程的更多信息，您可以查看此文档

最好的祝福。

推荐阅读