7

Gravatar-Images をロードして、コード ビハインドから WPF Image-Control に設定したいと思います。コードは次のようになります

imgGravatar.Source = GetGravatarImage(email);

GetGravatarImage は次のようになります。

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 がロックされます。image-source を割り当てて、UI をブロックせずにバックグラウンドで画像を読み込む方法はありますか?

ありがとう！

4

2 に答える 2

26

XAML から imgGravatar で Binding を使用することをお勧めします。それに 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;
        }

    }
}
于 2013-04-16T12:24:22.677 に答える
9

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

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

ThreadPool.QueueUserWorkItem(
    o =>
    {
        var url = GravatarImage.GetURL(
           "http://www.gravatar.com/avatar.php?gravatar_id=" + email);
        var webClient = new WebClient();
        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));
    });

編集:今日は、非同期メソッドを使用するだけです:

var url = GravatarImage.GetURL(
    "http://www.gravatar.com/avatar.php?gravatar_id=" + email);
var httpClient = new HttpClient();
var responseStream = await httpClient.GetStreamAsync(url);
var bitmapImage = new BitmapImage();

using (var memoryStream = new MemoryStream())
{
    await responseStream.CopyToAsync(memoryStream);

    bitmapImage.BeginInit();
    bitmapImage.CacheOption = BitmapCacheOption.OnLoad;
    bitmapImage.StreamSource = memoryStream;
    bitmapImage.EndInit();
    bitmapImage.Freeze();
}

image.Source = bitmapImage;
于 2013-04-16T16:04:11.470 に答える