UWPアプリの画像読み込み速度が向上しますか？

Question

私はUniversal Windows Platform用のアプリケーションを作成しています。ここでは、リストに表示する画像を読み込む必要があります。今、私の問題は、この読み込みがユーザーにとって長すぎるということです。私は現在XAMLの画像のソースをバインディングを使って設定しました。つまり、{Binding Image}です。

私はフル解像度の画像にしかアクセスできませんので、UIに配置する前にこれらの画像を小さくする方法があるかどうかを知りたいので、小さな画像だけをメモリに残す必要があります。 Image UI要素を構成して、このサイズ変更自体を実行する方法はありますか？

また、これらの画像を読み込むことによってUIがブロックされるため、これらの画像を遅延読み込みする方法はありますか。

編集：私は私のImageに私のローカルイメージをロードするために使用していたコード（これはListView.ItemTemplateの内側にある）：

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

Answer 1

することができます怠惰な負荷とコンバータを用いて画像のサイズを変更します。 Inは、使用できるコンバータの開始点です。これにより、あなたのために怠惰な読み込みが行われます。私はしかし、サイズの例を準備していない。サイズ変更を実装するための

コンバーターコード

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コード

​​

あなたはここで情報を見つけることができます：https://social.msdn.microsoft.com/Forums/en-US/490b9c01-db4b-434f-8aff-d5c495e67e55/how-to-crop-an-image-using-bitmaptransform?forum=winappswithcsharp

Answer 2

をまた、あなたのVMで遅延ロードを行うことができます。

// 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; 
     } 
    }