как предварительно загрузить изображения в фоновом режиме?

Question

В моем приложении WPF мне нужно загрузить некоторые изображения. Мне нужно отображать только одно изображение за раз. Если я загружаю изображение, когда это необходимо, происходит небольшая задержка. Поэтому я подумал: «Эй, почему бы не сделать предварительную загрузку в фоновом потоке? Не может быть так сложно». У меня есть опыт работы с потоками, но недостаточно, чтобы знать, что эта мысль была неправильной. Я начал программировать и сталкивался с некоторыми проблемами. Я исправил некоторые проблемы, и я, вероятно, мог бы исправить и другие проблемы, но это привело бы к коду спагетти. Итак, я думаю, что начинать с нуля было бы лучше. Какое начальное строгание необходимо для создания красивой и маленькой загрузочной нити? Есть ли образец или что-то в этом роде?

Вот моя текущая настройка:

• LinkedList<string> в магазинах трактов к картинам и перейти к следующему изображению
• Dictionary<string, BitmapImage> для хранения предварительно загруженного изображения

Answer 1

Я хотел бы использовать что-то вроде этого:

class ImageManager 
{ 
    private Dictionary<string, Image> images= 
    new Dictionary<string,Image>(); 

    public Image get(string s) { // blocking call, returns the image 
    return load(s); 
    } 

    private Image load(string s) { // internal, thread-safe helper 
    lock(images) { 
     if(!images.ContainsKey(s)) { 
     Image img=// load the image s 
     images.Add(s,img); 
     return img; 
     } 
     return images[s]; 
    } 
    } 

    public void preload(params string[] imgs) { // non-blocking preloading call 
    foreach(string img in imgs) { 
     BackgroundWorker bw=new BackgroundWorker(); 
     bw.DoWork+=(s,e)=>{ load(img); } // discard the actual image return 
     bw.RunWorkerAsync(); 
    } 
    } 
} 

// in your main function 
{ 
    ImageManager im=new ImageManager(); 
    im.preload("path1", "path2", "path3", "path4"); // non-blocking call 

    // then you just request images based on their path 
    // they'll become available as they are loaded 
    // or if you request an image before it's queued to be loaded asynchronously 
    // it will get loaded synchronously instead, thus with priority because it's needed 
} 

Answer 2

Это, конечно, звучит как хорошее применение для фонового потока. Кроме того, поскольку ваша единица работы достаточно велика, не должно быть слишком много споров относительно синхронизации в ваших коллекциях. Вы могли бы найти примеры аналогичных алгоритмов, но я думаю, вам придется сворачивать свою собственную реализацию - это не так сложно.

Однако на что-то приходит в голову: вам либо придется записывать, какие изображения в настоящее время находятся в процессе загрузки, либо допускать несколько нагрузок одного и того же изображения.

Например, если вашему пользовательскому интерфейсу требуется изображение, которое еще не загружено, возможно, вы захотите загрузить это изображение в качестве приоритета. Если вы знаете, что фоновый поток находится в процессе загрузки этого изображения, вы можете просто ждать, пока он станет доступным. Если вместо этого вы решите просто загрузить нагрузку на поток пользовательского интерфейса, есть вероятность, что фоновый поток попытается добавить загруженное изображение, которое уже присутствует.

Итак, должна быть какая-то синхронизация, но она не должна быть слишком сложной.

Ник

Answer 3

Марсель,

WPF предоставляет нам уже с большими механизмами BackgroundWorker и Dispatcher, чтобы вы забыли о написании собственных механизмов резьбы. Однако ваша проблема, похоже, не настолько очевидна для меня. Сколько изображений вам нужно/откуда вы их получите? Пожалуйста, дайте нам больше информации.

Answer 4

Я смотрел в эту вчера и не мог найти много на эту тему. На самом деле это довольно простое решение проблемы. Используйте WebClient для загрузки изображений асинхронно в поток, а затем добавьте этот поток в BitmapImage. Ниже приведен пример того, как я выполнил предварительную загрузку списка изображений. в примере используется Reactive Extensions Library (Rx), но его можно легко реализовать с использованием не Rx (Rx делает код намного более кратким и скрывает много состояний).

public IEnumerable<BitmapImage> BitmapImages { get; private set } 

private void PreloadImages(IEnumerbale<Uri> uriCollection) 
{ 
    var bitmapImages= new List<BitmapImage>(); 

    uriCollection.ToObservable() 
     .SelectMany(LoadImageAsync) 
     .Catch(Observable.Empty<BitmapImage>()) 
     .Subscribe(bitmapImages.Add, 
     () => 
     { 
      BitmapImages = bitmapImages; 
     }); 
} 

private IObservable<BitmapImage> LoadImageAsync(Uri uri) 
{ 
    return Observable.CreateWithDisposable<BitmapImage>(observer => 
    { 
     var downloader = new WebClient(); 
     downloader.OpenReadCompleted += (s, e) => 
     { 
      if (e.Error != null) 
      { 
       observer.OnError(e.Error); 
      } 

      var bitmapImage = new BitmapImage(); 
      bitmapImage.BeginInit(); 
      bitmapImage.StreamSource = e.Result; 
      bitmapImage.EndInit(); 

      observer.OnNext(bitmapImage); 
      observer.OnCompleted(); 
     }; 
     downloader.OpenReadAsync(uri); 

     return downloader; 
    }); 
}