uwp verzögertes Laden von Bildquellen

Question

Eine UWP-App, eine Sammlung von Ansichtsmodellen, wird instanziiert und im Konstruktor der Seite gefüllt. Jeder Artikel hat eine Eigenschaft namens ImageSource vom Typ BitmapImage, initialisiert auf einen neuen BitmapImage(). Die Ansicht enthält eine an die Sammlung gebundene Rasteransicht. In der Ansicht ist ein DataTemplate für die Elemente der Sammlung definiert. Insbesondere zeigt die DataTemplate ein Bild, dessen Quelle an die Eigenschaft des Objekts ImageSource gebunden ist. Die DataTemplate verarbeitet auch Ereignisse von Image, sodass ein Platzhalter angezeigt wird, während das Bild noch geladen wird. Die Seite Loaded-Ereignis den Download aller Bildquelle löst:

 private async void Page_Loaded(object sender, Windows.UI.Xaml.RoutedEventArgs e) 
     { 
      foreach (ImageViewModel imageViewModel in this.imageViewModels) 
      { 
       IRandomAccessStream randomAccessStream = await SlowImageSourceProvider.GetRandomAccessStream(imageViewModel.Id); 
       await imageViewModel.ImageSource.SetSourceAsync(randomAccessStream); 
      } 
     } 

In diesem Code eine Instanz von IRandomAccessStream wird von einem langsamen Anbieter abgerufen wird, wie ein HttpClient in einem langsamen Netzwerk hören.

Die Image.Quelle in der Ansicht ist an die imageViewModel.ImageSource des obigen Codes gebunden. Auf diese Weise muss jedes Bild auf den vorherigen warten, bevor es mit dem Herunterladen seiner eigenen Quelle beginnt.

Wie ist es möglich, dass alle Bilder sofort heruntergeladen werden können, ohne dass sie auf die anderen warten müssen?

Die einzige Idee, die ich hatte, war eine faule Implementierung von IRandomAccessStream zu erstellen, aber ich wandere, wenn es einen besseren Weg gibt, es zu tun.

Danke!

Answer 1

Die Bilder werden nur einzeln heruntergeladen, da die foreach keine weitere Iteration startet, bis beide await-Anweisungen abgeschlossen sind. So fordern alle Bilder downloaden gleichzeitig und warten, bis sie asynchron zu vervollständigen versuchen Sie Folgendes:

private async void Page_Loaded(object sender, Windows.UI.Xaml.RoutedEventArgs e) { 
    var setImageTasks = this.imageViewModels.Select(async imageViewModel => { 
     var randomAccessStream = await SlowImageSourceProvider.GetRandomAccessStream(imageViewModel.Id); 
     await imageViewModel.ImageSource.SetSourceAsync(randomAccessStream); 
    }).ToArray(); 
    await Task.WhenAll(setImageTasks); 
}