MonoDroid Загрузить изображение в ImageView - PullRequest
Новая
       19

MonoDroid Загрузить изображение в ImageView

1 голос
/ 20 декабря 2011

Я только начинаю экспериментировать с MonoDroid, используя Visual Studio.

Попытка загрузить изображение из Интернета и отобразить его в элементе управления 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 Ответ

4 голосов
/ 20 декабря 2011

Здесь я вижу две проблемы:

  1. Ваш тост с «загруженным изображением» будет вызван сразу после начала загрузки, поскольку загрузка выполняется асинхронно. Вы должны поместить его в метод web_DownloadDataCompleted, если хотите, чтобы он отображался после завершения загрузки.

  2. Основная проблема заключается в том, что вы пытаетесь обновить пользовательский интерфейс из фонового потока. Поскольку загрузка выполняется асинхронно, она обрабатывается в фоновом потоке, включая ваш обратный вызов. Однако вы не можете вносить обновления в пользовательский интерфейс из фонового потока. Если вы поместите содержимое этого метода в вызов 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);
        });
    }
}
...