WPF画像を非同期にする

Question

Gravatar-Imagesを読み込み、コードビハインドからWPF Image-Controlに設定したいと思います。 だから、コードはGetGravatarImageがどのように見える

imgGravatar.Source = GetGravatarImage(email); 

次のようになります。

BitmapImage bi = new BitmapImage(); 
bi.BeginInit(); 
bi.UriSource = new Uri(GravatarImage.GetURL("http://www.gravatar.com/avatar.php?gravatar_id=" + email) , UriKind.Absolute); 
bi.EndInit(); 
return bi; 

ネットワーク接続が遅い場合残念ながら、これはGUIをロックします。イメージソースを割り当て、UIをブロックすることなくバックグラウンドでイメージを読み込ませる方法はありますか？

ありがとうございます！

Answer 1

あなたはこの質問を見てみたいことがあります

Link

を、私はAsynchroneタスクを起動することをお勧めします、そのタスクでasyncを指定するために必要なコードを入れてしまうでしょう。

Answer 2

XAMLのimgGravatarでバインディングを使用することをお勧めします。 IsAsync = trueを設定すると、WPFはスレッドプールのスレッドを自動的に利用して画像を取得します。あなたはIValueConverterに解決するロジックをカプセル化し、単にXAMLでソース

として電子メールを結合することができる：

コードで

<Window.Resouces> 
    <local:ImgConverter x:Key="imgConverter" /> 
</Window.Resource> 

... 


<Image x:Name="imgGravatar" 
     Source="{Binding Path=Email, 
         Converter={StaticResource imgConverter}, 
         IsAsync=true}" /> 

：

public class ImgConverter : IValueConverter 
{ 
    public override object Convert(object value, ...) 
    { 
     if (value != null) 
     { 
      BitmapImage bi = new BitmapImage(); 
      bi.BeginInit(); 
      bi.UriSource = new Uri( 
       GravatarImage.GetURL(
        "http://www.gravatar.com/avatar.php?gravatar_id=" + 
         value.ToString()) , UriKind.Absolute 
       ); 
      bi.EndInit(); 
      return bi;     
     } 
     else 
     { 
      return null; 
     } 

    } 
} 

Answer 3

あなたのコードがブロックされる理由は、私が見ることができませんBitmapImageはバックグラウンドでの画像データのダウンロードをサポートしているため、UIを使用できます。そのため、IsDownloadingプロパティとDownloadCompletedイベントがあります。

とにかく、次のコードは、別のスレッド（ThreadPool）から完全にダウンロードしてイメージを作成する簡単な方法を示しています。そのバッファからBitmapImageを作成する前に、WebClientインスタンスを使用してイメージバッファ全体をダウンロードします。 BitmapImageが作成された後、UIスレッドからアクセスできるように、Freezeが呼び出されます。最後に、ImageコントロールのSourceプロパティをDispatcher.BeginInvoke呼び出しによってUIスレッドに割り当てます。

ThreadPool.QueueUserWorkItem(
    o => 
    { 
     var webClient = new WebClient(); 
     var url = GravatarImage.GetURL("http://www.gravatar.com/avatar.php?gravatar_id=" + email); 
     var buffer = webClient.DownloadData(url); 
     var bitmapImage = new BitmapImage(); 

     using (var stream = new MemoryStream(buffer)) 
     { 
      bitmapImage.BeginInit(); 
      bitmapImage.CacheOption = BitmapCacheOption.OnLoad; 
      bitmapImage.StreamSource = stream; 
      bitmapImage.EndInit(); 
      bitmapImage.Freeze(); 
     } 

     Dispatcher.BeginInvoke((Action)(() => image.Source = bitmapImage)); 
    });