Comment charger une ImageView par URL dans Android ?

Question

Comment utiliser une image référencée par une URL dans un fichier ImageView ?

Answer 1

De Développeur Android :

// show The Image in a ImageView
new DownloadImageTask((ImageView) findViewById(R.id.imageView1))
            .execute("http://java.sogeti.nl/JavaBlog/wp-content/uploads/2009/04/android_icon_256.png");

public void onClick(View v) {
    startActivity(new Intent(this, IndexActivity.class));
    finish();

}

private class DownloadImageTask extends AsyncTask<String, Void, Bitmap> {
    ImageView bmImage;

    public DownloadImageTask(ImageView bmImage) {
        this.bmImage = bmImage;
    }

    protected Bitmap doInBackground(String... urls) {
        String urldisplay = urls[0];
        Bitmap mIcon11 = null;
        try {
            InputStream in = new java.net.URL(urldisplay).openStream();
            mIcon11 = BitmapFactory.decodeStream(in);
        } catch (Exception e) {
            Log.e("Error", e.getMessage());
            e.printStackTrace();
        }
        return mIcon11;
    }

    protected void onPostExecute(Bitmap result) {
        bmImage.setImageBitmap(result);
    }
}

Assurez-vous que vous avez les permissions suivantes dans votre fichier AndroidManifest.xml pour accéder à l'internet.

<uses-permission android:name="android.permission.INTERNET" />

Answer 2

Vous devez d'abord télécharger l'image.

public static Bitmap loadBitmap(String url) {
    Bitmap bitmap = null;
    InputStream in = null;
    BufferedOutputStream out = null;

    try {
        in = new BufferedInputStream(new URL(url).openStream(), IO_BUFFER_SIZE);

        final ByteArrayOutputStream dataStream = new ByteArrayOutputStream();
        out = new BufferedOutputStream(dataStream, IO_BUFFER_SIZE);
        copy(in, out);
        out.flush();

        final byte[] data = dataStream.toByteArray();
        BitmapFactory.Options options = new BitmapFactory.Options();
        //options.inSampleSize = 1;

        bitmap = BitmapFactory.decodeByteArray(data, 0, data.length,options);
    } catch (IOException e) {
        Log.e(TAG, "Could not load Bitmap from: " + url);
    } finally {
        closeStream(in);
        closeStream(out);
    }

    return bitmap;
}

Utilisez ensuite Imageview.setImageBitmap pour définir le bitmap dans l'ImageView.

Answer 3

De toute façon les gens demandent mon commentaire pour le poster comme réponse. Je le poste.

URL newurl = new URL(photo_url_str); 
mIcon_val = BitmapFactory.decodeStream(newurl.openConnection().getInputStream());
profile_photo.setImageBitmap(mIcon_val);

Answer 4

J'ai écrit une classe pour gérer cela, car cela semble être un besoin récurrent dans mes différents projets :

https://github.com/koush/UrlImageViewHelper

UrlImageViewHelper remplira un ImageView avec une image qui est trouvée à une URL.

L'exemple fera une recherche Google Image et charger/afficher les résultats de manière asynchrone.

UrlImageViewHelper va automatiquement télécharger, sauvegarder et mettre en cache toutes les urls d'image des BitmapDrawables. Les urls dupliquées ne seront pas chargées deux fois en mémoire deux fois. La mémoire des Bitmap est gérée en utilisant une table de hachage à référence faible, Ainsi, dès que l'image n'est plus utilisée par vous, elle sera automatiquement automatiquement.

Answer 5

La réponse acceptée ci-dessus est excellente si vous chargez l'image en fonction d'un clic sur un bouton, mais si vous le faites dans une nouvelle activité, l'interface utilisateur se fige pendant une ou deux secondes. En cherchant un peu, j'ai découvert qu'une simple asynchronie éliminait ce problème.

Pour utiliser une asynchrone, ajoutez cette classe à la fin de votre activité :

private class DownloadImageTask extends AsyncTask<String, Void, Bitmap> {
    ImageView bmImage;

    public DownloadImageTask(ImageView bmImage) {
        this.bmImage = bmImage;
    }

    protected Bitmap doInBackground(String... urls) {
        String urldisplay = urls[0];
        Bitmap mIcon11 = null;
        try {
            InputStream in = new java.net.URL(urldisplay).openStream();
            mIcon11 = BitmapFactory.decodeStream(in);
        } catch (Exception e) {
            Log.e("Error", e.getMessage());
            e.printStackTrace();
        }
        return mIcon11;
    }

    protected void onPostExecute(Bitmap result) {
        bmImage.setImageBitmap(result);
    }    
}

Et appelez depuis votre méthode onCreate() en utilisant :

new DownloadImageTask((ImageView) findViewById(R.id.imageView1))
        .execute(MY_URL_STRING);

Le résultat est une activité rapidement chargée et une image qui s'affiche une fraction de seconde plus tard, selon la vitesse du réseau de l'utilisateur.