MonoDroid将图像下载到ImageView

时间:2011-12-20 10:33:04

标签: android download imageview xamarin.android

我刚刚开始使用Visual Studio试用MonoDroid。

尝试从Web下载图像并将其显示在ImageView控件中。

不幸的是,一些奇怪的原因会阻止图像在ImageView中显示。虽然图像似乎已成功下载,但控件仍为空白。

我在这里做错了什么?

代码如下:

private void DoClick(object sender, EventArgs e)
{

    WebClient web = new WebClient();
    web.DownloadDataCompleted += new DownloadDataCompletedEventHandler(web_DownloadDataCompleted);
    web.DownloadDataAsync(new Uri(@"http://upload.wikimedia.org/wikipedia/commons/d/d9/Test.png"));


    Toast.MakeText(this, "Image downloaded!", ToastLength.Short).Show();
}


void web_DownloadDataCompleted(object sender, DownloadDataCompletedEventArgs e)
{

    if (e.Error != null)
    {
        Toast.MakeText(this, e.Error.Message, ToastLength.Short).Show();
    }

    else
    {

        Bitmap bm = BitmapFactory.DecodeByteArray(e.Result, 0, e.Result.Length);

        ImageView imgView = FindViewById<ImageView>(Resource.Id.MyImageView);
        imgView.SetImageBitmap(bm);


    }


}

Main.axml定义如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<Button  
    android:id="@+id/MyButton"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="@string/Hello"
    />


  <ImageView
    android:id="@+id/MyImageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:layout_below="@+id/MyButton"/>



</LinearLayout>

1 个答案:

答案 0 :(得分:4)

我在这里看到两个问题:

  1. 由于下载是异步的,因此在您开始下载后将立即调用您的“图像下载”吐司。如果您希望在下载完成后显示它,则应将其放在web_DownloadDataCompleted方法中。
  2. 这里的主要问题是您正在尝试从后台线程更新UI。由于下载是异步的,因此它将在后台线程上处理,包括您的回调。但是,您无法从后台线程更新UI。如果在调用RunOnUiThread()时包装该方法的内容,代码将按预期工作:

    void web_DownloadDataCompleted(object sender, DownloadDataCompletedEventArgs e)
    {
    
        if (e.Error != null)
        {
            RunOnUiThread(() =>
                Toast.MakeText(this, e.Error.Message, ToastLength.Short).Show());
        }
        else
        {
    
            Bitmap bm = BitmapFactory.DecodeByteArray(e.Result, 0, e.Result.Length);
    
            RunOnUiThread(() =>
            {
                ImageView imgView = FindViewById<ImageView>(Resource.Id.MyImageView);
                imgView.SetImageBitmap(bm);
            });
        }
    }