UWP приложение ускоряет загрузку изображений?

Question

Я пишу приложение для универсальной платформы Windows, где мне нужно загрузить некоторые изображения для отображения в списке. Теперь моя проблема заключается в том, что эта загрузка занимает слишком много времени для пользователя. В настоящее время я устанавливаю источник изображений в XAML, используя привязку, например: {Binding Image}.

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

Кроме того, есть ли способ загрузить эти изображения лениво, потому что теперь мой пользовательский интерфейс блокируется загрузкой этих изображений.

Edit: код, я использую, чтобы загрузить свои локальные изображения в мой Image (это внутри ListView.ItemTemplate):

<Image 
    Grid.Row="0" 
    Source="{Binding Image}" 
    Stretch="Uniform" 
    VerticalAlignment="Center"/> 

Answer 1

Вы можете ленивым загружать и изменять размер изображения с помощью конвертера. В начало конвертера вы можете использовать. При этом ленивая загрузка выполняется для вас. Однако у меня нет примера изменения размера.

код Преобразователь

class LoadAttachmentAsyncConverter : IValueConverter 
{ 
    public override object Convert(object value, Type targetType, object parameter, string language) 
    { 
     Task<BitmapImage> taskToExecute = GetImage(<some parameter>); 
     //Possibly handle some other business logic 
     return new NotifyTaskCompletion<BitmapImage>(taskToExecute); 
    } 

    public async Task<BitmapImage> GetImage(object someParameter) { 
     BitmapImage image = new BitmapImage(); 
     //do (async stuff) to fill the image; 
     return image; 
    } 
} 

XAML код

<Image Source="{Binding Result}" DataContext="{Binding converterObjValue, Converter={StaticResource ConverterName}}"/> 

Для реализации изменения размера вы можете найти информацию здесь: https://social.msdn.microsoft.com/Forums/en-US/490b9c01-db4b-434f-8aff-d5c495e67e55/how-to-crop-an-image-using-bitmaptransform?forum=winappswithcsharp

Answer 2

Вы также можете сделать ленивую загрузку в виртуальной машины ,

// You can also use BitmapImage directly, if you'd like to make reloading faster and don't care memory usage. 
    private WeakReference<BitmapImage> image; 

    public BitmapImage Image 
    { 
     get 
     { 
      BitmapImage image; 
      if(this.image != null && this.image.TryGetTarget(out image)) 
       return image; 
      image = new BitmapImage(); 
      this.image = new WeakReference<BitmapImage>(image); 
      var ignore = Task.Run(()=> 
      { 
       //Load image here. 
       //Don't forget to use Dispatcher while calling SetSourceAsync() or setting Source. 
      }); 
      return image; 
     } 
    }