Effettua il caricamento dell'immagine WPF asincrono

Question

Vorrei caricare Gravatar-Images e impostarle da codice dietro a un Image Control di WPF. Così il codice è simile

imgGravatar.Source = GetGravatarImage(email); 

Dove GetGravatarImage assomiglia:

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; 

Purtroppo questo blocca la GUI quando la connessione di rete è lenta. C'è un modo per assegnare l'origine dell'immagine e lasciar caricare l'immagine sullo sfondo senza bloccare l'interfaccia utente?

Grazie!

Answer 1

Si potrebbe voler dare un'occhiata a questa domanda:

Link

e consiglio per l'avvio di un'attività asynchrone, e mettere il codice che deve essere asincrona in questo compito.

Answer 2

Ti suggerisco di utilizzare una rilegatura sul tuo imgGravatar di XAML. Impostare IsAsync = true su di esso e WPF utilizzerà automaticamente una discussione dal pool di thread per estrarre l'immagine. Si potrebbe incapsulare la logica di risolvere in un IValueConverter e semplicemente legare l'e-mail come sorgente

in XAML:

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

... 


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

in Codice:

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

non riesco a capire perché il codice avrebbe bloccato l'interfaccia utente, poiché BitmapImage supporta il download dei dati dell'immagine in background. Ecco perché ha una proprietà IsDownloading e un evento DownloadCompleted.

In ogni caso, il codice seguente mostra un modo semplice per scaricare e creare l'immagine interamente in un thread separato (da ThreadPool). Utilizza un'istanza WebClient per scaricare l'intero buffer di immagini, prima di creare un BitmapImage da quel buffer. Dopo aver creato BitmapImage, chiama Freeze per renderlo accessibile dal thread dell'interfaccia utente. Infine assegna la proprietà Source del controllo immagine nel thread dell'interfaccia utente tramite una chiamata Dispatcher.BeginInvoke.

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