Создание и обновление элементов пользовательского интерфейса Async Wpf

Question

Я пытаюсь загрузить несколько изображений async в ui.

Когда изображение загружается (растровое изображение создается из пути), изображение должно быть задано как заполнение прямоугольника в окне.

Когда я помещал создание bitmapimage также в метод Dispatcher.Invoke, код работает. Но, очевидно, мне нужна тяжелая работа (создание растрового изображения), выполненная в протекторе, а не в вызове.

Я пробовал несколько решений, включая фонаря, но я не могу заставить его работать. Сейчас у меня есть следующий код:

private void Window_ContentRendered(object sender, EventArgs e) 
{ 
    Thread loadThread = new Thread(new ThreadStart(LoadImagesAsync)); 
    loadThread.Start(); 
} 

private void LoadImagesAsync() 
{ 
    IEnumerable<string> images = System.IO.Directory.GetFiles(IMAGE_FOLDER, "*.jpg").Skip(_PageNumber * NUMBER_OF_IMAGES).Take(NUMBER_OF_IMAGES); 

    for (int i = 0; i < NUMBER_OF_IMAGES; i++) 
    { 
     var bitm = new BitmapImage(new Uri(images.ElementAt(i)));     

     this.Dispatcher.Invoke(() => 
     { 
      Grid grid = (Grid)grd_photoBox.Children[i]; 

      var rectangle = (from e in grid.Children.OfType<Rectangle>() 
           where e is Rectangle 
           select e).First(); 

      ImageBrush brush = new ImageBrush(bitm); 

      rectangle.Fill = brush; 
     }); 
    } 
} 

я получаю следующее исключение:

The calling thread cannot access this object because a different thread owns it. 

Любые улики?

Answer 1

В случае больших изображений, используйте следующий код, он будет непосредственно переранжировать изображения и загрузите в другой поток затем основной поток, который гарантирует, что изображения загружаются мгновенно. Измените следующие значения, чтобы изменить формат загрузки:

bitm.DecodePixelWidth = 200; 
bitm.DecodePixelHeight = 100; 

---

private void LoadImagesAsync() 
     { 
      IEnumerable<string> images = System.IO.Directory.GetFiles(IMAGE_FOLDER, "*.jpg").Skip(_PageNumber * NUMBER_OF_IMAGES).Take(NUMBER_OF_IMAGES); 

      for (int i = 0; i < NUMBER_OF_IMAGES; i++) 
      { 
       int j = i; 
       var bitm = new BitmapImage(); 

       bitm.BeginInit(); 
       bitm.CacheOption = BitmapCacheOption.OnLoad; 
       bitm.UriSource = new Uri(images.ElementAt(i)); 
       bitm.DecodePixelWidth = 200; 
       bitm.DecodePixelHeight = 100; 
       bitm.EndInit(); 

       ImageBrush brush = new ImageBrush(bitm); 
       brush.Freeze(); 

       this.Dispatcher.BeginInvoke(new Action(() => 
       { 
        Grid grid = (Grid)grd_photoBox.Children[j]; 

        var rectangle = (from e in grid.Children.OfType<Rectangle>() 
             where e is Rectangle 
             select e).First(); 

        rectangle.Fill = brush; 
       })); 
      } 
     } 

Answer 2

Я пробовал под кодом и работает для меня.

Task<IEnumerable<string>>.Factory.StartNew(() => System.IO.Directory.GetFiles(
      imagePath, 
      "*.jpg")). 
      ContinueWith(task => 
         { 
          foreach (var item in task.Result) 
          { 
           this.Dispatcher.BeginInvoke((Action)(() => 
           { 
            var img = new Image 
                { 
                 Source = 
                  new BitmapImage(
                  new Uri(item)) 
                }; 
            LayoutRoot.Children.Add(img); 

           })); 

          } 
         }); 

LayoutRoot - это моя сетка в xaml.

Надеюсь, это поможет.

Answer 3

Хитрость freeze растровое изображение, позволяющее получить доступ из другого потока. Поэтому вам также необходимо убедиться, что растровое изображение загружается сразу при создании, поскольку поведение по умолчанию - это лениво.

var bitm = new BitmapImage(); 
bitm.BeginInit(); 
bitm.CacheOption = BitmapCacheOption.OnLoad; // load immediately 
bitm.UriSource = new Uri(images.ElementAt(i)); 
bitm.EndInit(); 
bitm.Freeze();