Đặt WPF Tải ảnh không đồng bộ

Question

Tôi muốn tải Gravatar-Images và đặt chúng từ mã phía sau thành Điều khiển hình ảnh WPF. Vì vậy, các mã trông như

imgGravatar.Source = GetGravatarImage(email); 

đâu GetGravatarImage trông giống như:

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; 

Thật không may này khóa GUI khi kết nối mạng chậm. Có cách nào để chỉ định nguồn hình ảnh và cho phép tải hình ảnh trong nền mà không chặn giao diện người dùng không?

Cảm ơn!

Answer 1

Bạn có thể muốn xem xét câu hỏi này:

Link

Và tôi sẽ khuyên bạn nên khởi động một nhiệm vụ Asynchrone, và đặt mã mà cần phải được async trong nhiệm vụ đó.

Answer 2

Tôi đề nghị bạn sử dụng Binding trên imgGravatar của bạn từ XAML. Đặt IsAsync = true trên đó và WPF sẽ tự động sử dụng một chuỗi từ nhóm chủ đề để kéo hình ảnh của bạn. Bạn có thể đóng gói logic giải quyết vào một IValueConverter và chỉ đơn giản là liên kết email như Nguồn

trong XAML:

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

... 


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

trong Code:

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

Tôi không thể hiểu tại sao mã của bạn sẽ chặn giao diện người dùng, vì BitmapImage hỗ trợ tải xuống dữ liệu hình ảnh trong nền. Đó là lý do tại sao nó có thuộc tính IsDownloading và sự kiện DownloadCompleted.

Dù sao, mã sau đây cho thấy cách đơn giản để tải xuống và tạo hình ảnh hoàn toàn trong một chuỗi riêng biệt (từ ThreadPool). Nó sử dụng một cá thể WebClient để tải xuống toàn bộ bộ đệm hình ảnh, trước khi tạo một BitmapImage từ bộ đệm đó. Sau khi BitmapImage được tạo, nó gọi Freeze để làm cho nó có thể truy cập được từ chuỗi giao diện người dùng. Cuối cùng, nó gán thuộc tính Source của Điều khiển hình ảnh trong chuỗi giao diện người dùng bằng cách gọi số 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)); 
    });