AndroidでImageViewをURLでロードする方法は?[閉まっている]


530

URLで参照される画像をどのように使用しますImageViewか?


1
これ1つをお試しくださいstackoverflow.com/questions/14332296/…–
comeGetSome

回答:


713

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);
    }
}

AndroidManifest.xmlインターネットにアクセスするには、次の権限が設定されていることを確認してください。

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

39
これは素晴らしいです。そして、リストではるかに高いはずです。asynctaskは、UIをフリーズすることなくこれをロードできるようにします!
カイルクレッグ

3
AsyncTasksはシリアルエグゼキューターを使用します。つまり、各イメージは一度に1つずつ読み込まれ、並列スレッドの読み込みは行われません。
Blundell 2013

2
ソースリンクが機能しなくなった...
hecvd

10
この例では、入力ストリームは閉じていません。try / catchのfinallyブロックで行うのが最善です。
リサディーニャ2013

2
この方法はまだ適切ですか?OnClick()メソッドとその目的について少し混乱しています
tccpg288

170

1. Picassoを使用すると、多くの場合1行のコードでアプリケーションに画像を簡単にロードできます。

Gradleを使用する:

implementation 'com.squareup.picasso:picasso:2.71828'

コードは1行だけです。

Picasso.get().load("http://i.imgur.com/DvpvklR.png").into(imageView);

2. Glideスムーズなスクロールに焦点を当てたAndroid用の画像読み込みおよびキャッシュライブラリ

Gradleを使用する:

repositories {
  mavenCentral() 
  google()
}

dependencies {
   implementation 'com.github.bumptech.glide:glide:4.7.1'
   annotationProcessor 'com.github.bumptech.glide:compiler:4.7.1'
}

//単純なビューの場合:

  Glide.with(this).load("http://i.imgur.com/DvpvklR.png").into(imageView);

3. フレスコ は、Androidアプリケーションで画像を表示するための強力なシステムですフレスコは、画像のロードと表示を処理するので、あなたがする必要はありません。

フレスコ入門


2
したがって、URLがlocalhostの場合、画像はxamppのような開発システムのローカルサーバーデータベースにありますが、URL =から画像を取得することはできません。
ブラックジャック2014年

2
@blackjack-アプリのlocalhostはスマートフォン自体になります。開発システムにアクセスするには、スマートフォンと開発システムが同じネットワークにある必要があり、そのネットワークで開発システムのIPアドレスを使用する必要があります。
Ridcully、2015

1
ピカソを使用してボタンに画像を読み込むことはできますか?
mahdi 2015年

1
@chiragkyada私はこのコードを試してみますPicasso.with(context).load(url).into(button_view); しかし、それは次のエラーを表示します:into(button_view)
mahdi

1
私はこれが受け入れられる答えになるはずだと思います
Udo

150

最初に画像をダウンロードする必要があります

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;
}

次に、Imageview.setImageBitmapを使用してビットマップをImageViewに設定します。


126
そうだね。しかし、これらの3行だけが問題の解決に役立ちます。URL newurl =新しいURL(photo_url_str); mIcon_val = BitmapFactory.decodeStream(newurl.openConnection().getInputStream()); profile_photo.setImageBitmap(mIcon_val); 返信ありがとうございます。
Praveen

2
URLの場合-java.net.URLをインポートします。プライベート静的最終int IO_BUFFER_SIZE = 4 * 1024; 最後は何でしたか?
Steve

12
こちらのコードをご覧ください
。stackoverflow.com

@SACPK投票として投票できるように、回答としてコメントを書き込んでください
ジムウォレス

答えは私にとって正しかった、それを答えとして投稿してください:)
omn​​ia Mm

71

これを処理するためのクラスを作成しました。これは、さまざまなプロジェクトで繰り返し発生するニーズのようです。

https://github.com/koush/UrlImageViewHelper

UrlImageViewHelperは、URLにある画像をImageViewに入力します。

サンプルは、Google画像検索を実行し、結果を非同期でロード/表示します。

UrlImageViewHelperは、BitmapDrawablesのすべての画像URLを自動的にダウンロード、保存、キャッシュします。重複するURLがメモリに2回読み込まれることはありません。ビットマップメモリ​​はウィークリファレンスハッシュテーブルを使用して管理されるため、イメージが使用されなくなるとすぐに、ガベージコレクションが自動的に行われます。


ところで、これのライセンスは何ですか?
Ehtesh Choudhury

@Shurane-Apache。後で書き留めておきます。
koush

1
github.com/koush/UrlImageViewHelperのgithubプロジェクトのページに示されているように、UrlImageViewHelperが廃止されているため、代わりにgithub.com/koush/ionを使用する必要があるようです
スベトスラフマリノフ2015年

69

とにかく人々は私のコメントに答えとして投稿するように頼みます。投稿しています。

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

これは短くて素晴らしいです。ありがとう
Nactus 2014年

18
mm ..ただし、これはUIスレッドからは実行できません。
Guy

2
「不正なURL例外」に問題がある場合は、上の行をtry / catchで囲んでください。stackoverflow.com/a/24418607/2093088
Riot Goes Woof 2015年

1
これは、上記のAsyncTaskを使用して行う必要があります
B-GangsteR 2017

63

上記の受け入れられた答えは、ボタンのクリックに基づいて画像をロードする場合に最適ですが、新しいアクティビティで実行する場合は、UIが1〜2秒間フリーズします。周りを見回すと、単純な非同期タスクでこの問題が解消されていることがわかりました。

asynctaskを使用するには、アクティビティの最後にこのクラスを追加します。

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);
    }    
}

そして、以下を使用してonCreate()メソッドから呼び出します。

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

その結果、すばやく読み込まれるアクティビティと、ユーザーのネットワーク速度に応じて一瞬後に表示されるイメージビューが表示されます。


これは素早くコンパクトでした。私のニーズをうまく満たしました!ありがとう!
マークマーフィー

私のタイムスタンプの時点で、これは私にとってうまくいきました!
Carpk

25

このLoadingImageViewビューを使用して、URLから画像をロードすることもできます。

http://blog.blundellapps.com/imageview-with-loading-spinner/

そのリンクからクラスファイルを追加したら、URL画像ビューをインスタンス化できます。

XML:

<com.blundell.tut.LoaderImageView
  android:id="@+id/loaderImageView"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  image="http://developer.android.com/images/dialog_buttons.png"
 />

コードで:

final LoaderImageView image = new LoaderImageView(this, "http://developer.android.com/images/dialog_buttons.png");

そして、それを使用して更新します:

image.setImageDrawable("http://java.sogeti.nl/JavaBlog/wp-content/uploads/2009/04/android_icon_256.png");

素晴らしいサンプルですが、これがスレッドセーフであるとは思いません。私は非同期のonPostExecuteでそれを使用しようとしていますが、コールバックを受信して​​null画像をレンダリングする前にonPostExecuteが終了することがあります。
ジミー

これはそれ自身のスレッドを管理します。それで、必要なURLを使用して、ASyncTaskが終了したらUIにコールバックしないでください。これにより、スレッドを生成するスレッドがなくなります。
Blundell 2012

10
public class LoadWebImg extends Activity {

String image_URL=
 "http://java.sogeti.nl/JavaBlog/wp-content/uploads/2009/04/android_icon_256.png";

   /** Called when the activity is first created. */
   @Override
   public void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.main);

       ImageView bmImage = (ImageView)findViewById(R.id.image);
    BitmapFactory.Options bmOptions;
    bmOptions = new BitmapFactory.Options();
    bmOptions.inSampleSize = 1;
    Bitmap bm = LoadImage(image_URL, bmOptions);
    bmImage.setImageBitmap(bm);
   }

   private Bitmap LoadImage(String URL, BitmapFactory.Options options)
   {       
    Bitmap bitmap = null;
    InputStream in = null;       
       try {
           in = OpenHttpConnection(URL);
           bitmap = BitmapFactory.decodeStream(in, null, options);
           in.close();
       } catch (IOException e1) {
       }
       return bitmap;               
   }

private InputStream OpenHttpConnection(String strURL) throws IOException{
 InputStream inputStream = null;
 URL url = new URL(strURL);
 URLConnection conn = url.openConnection();

 try{
  HttpURLConnection httpConn = (HttpURLConnection)conn;
  httpConn.setRequestMethod("GET");
  httpConn.connect();

  if (httpConn.getResponseCode() == HttpURLConnection.HTTP_OK) {
   inputStream = httpConn.getInputStream();
  }
 }
 catch (Exception ex)
 {
 }
 return inputStream;
}
}

おかげで、私が探していた完璧な例は…………ですが、間違ったトピックではこれがここにあるはずです==> imageViewの画像を文字列から設定する方法?
VenomVendor

10

こんにちは私はこれを試す最も簡単なコードを持っています

    public class ImageFromUrlExample extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);  
            ImageView imgView =(ImageView)findViewById(R.id.ImageView01);
            Drawable drawable = LoadImageFromWebOperations("http://www.androidpeople.com/wp-content/uploads/2010/03/android.png");
            imgView.setImageDrawable(drawable);

    }

    private Drawable LoadImageFromWebOperations(String url)
    {
          try{
        InputStream is = (InputStream) new URL(url).getContent();
        Drawable d = Drawable.createFromStream(is, "src name");
        return d;
      }catch (Exception e) {
        System.out.println("Exc="+e);
        return null;
      }
    }
   }

main.xml

  <LinearLayout 
    android:id="@+id/LinearLayout01"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">
   <ImageView 
       android:id="@+id/ImageView01"
       android:layout_height="wrap_content" 
       android:layout_width="wrap_content"/>

これを試して


10

私の意見では、そのようなタスクに最適な最新のライブラリは、Picasso by Squareです。それはワンライナーでURLによってImageViewに画像をロードすることを可能にします:

Picasso.with(context).load("http://i.imgur.com/DvpvklR.png").into(imageView);

9

画像付きのリストビューでも同様のことをしなければならないので、最近ここにスレッドを見つけましたが、そこに示されている最初のサンプルクラス(jleedevによる)を読むことができるので、原則は単純です。画像の入力ストリームを取得します(Webから)

private InputStream fetch(String urlString) throws MalformedURLException, IOException {
    DefaultHttpClient httpClient = new DefaultHttpClient();
    HttpGet request = new HttpGet(urlString);
    HttpResponse response = httpClient.execute(request);
    return response.getEntity().getContent();
}

次に、画像をDrawableとして保存し、(setImageDrawableを介して)ImageViewに渡すことができます。もう一度、上のコードスニペットからスレッド全体を見てください。

InputStream is = fetch(urlString);
Drawable drawable = Drawable.createFromStream(is, "src");

プロジェクトにDefaultHttpClientがありません。
Stepan Yakovenko 2015年

8

ここにはたくさんの良い情報があります...最近、SmartImageViewというクラスが見つかりました。組み込みと使用が非常に簡単です。

http://loopj.com/android-smart-image-view/

https://github.com/loopj/android-smart-image-view

更新:私はこれについてブログ投稿を書いたので、SmartImageViewの使用に関するヘルプをチェックしてください。

2nd UPDATE:私は常にこれにピカソを使用し(上記を参照)、強くお勧めします。:)


7

これは遅い返答です。上記で提案されているようAsyncTaskに、少しグーグルした後で、この問題のもう1つの方法を見つけました。

Drawable drawable = Drawable.createFromStream((InputStream) new URL("url").getContent(), "src");

imageView.setImageDrawable(drawable);

これが完全な関数です:

public void loadMapPreview () {
    //start a background thread for networking
    new Thread(new Runnable() {
        public void run(){
            try {
                //download the drawable
                final Drawable drawable = Drawable.createFromStream((InputStream) new URL("url").getContent(), "src");
                //edit the view in the UI thread
                imageView.post(new Runnable() {
                    public void run() {
                        imageView.setImageDrawable(drawable);
                    }
                });
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    }).start();
}

AndroidManifest.xmlインターネットにアクセスするには、に次の権限を追加することを忘れないでください。

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

私はこれを自分で試しましたが、まだ問題はありません。


これは実際にはミニマリズムに非常に適しています!ThreadUIスレッドはネットワーク操作を許可しないため、追加で実行する必要があることに注意してください。
creativecreatoror18年

6
imageView.setImageBitmap(BitmapFactory.decodeStream(imageUrl.openStream()));//try/catch IOException and MalformedURLException outside

5

これはあなたを助けます...

imageviewを定義し、そこにイメージをロードします.....

Imageview i = (ImageView) vv.findViewById(R.id.img_country);
i.setImageBitmap(DownloadFullFromUrl(url));

次に、このメソッドを定義します。

    public Bitmap DownloadFullFromUrl(String imageFullURL) {
    Bitmap bm = null;
    try {
        URL url = new URL(imageFullURL);
        URLConnection ucon = url.openConnection();
        InputStream is = ucon.getInputStream();
        BufferedInputStream bis = new BufferedInputStream(is);
        ByteArrayBuffer baf = new ByteArrayBuffer(50);
        int current = 0;
        while ((current = bis.read()) != -1) {
            baf.append((byte) current);
        }
        bm = BitmapFactory.decodeByteArray(baf.toByteArray(), 0,
                baf.toByteArray().length);
    } catch (IOException e) {
        Log.d("ImageManager", "Error: " + e);
    }
    return bm;
}

4
    String img_url= //url of the image
    URL url=new URL(img_url);
    Bitmap bmp; 
    bmp=BitmapFactory.decodeStream(url.openConnection().getInputStream());
    ImageView iv=(ImageView)findviewById(R.id.imageview);
    iv.setImageBitmap(bmp);

4

例外処理と非同期タスクを備えたバージョン:

AsyncTask<URL, Void, Boolean> asyncTask = new AsyncTask<URL, Void, Boolean>() {
    public Bitmap mIcon_val;
    public IOException error;

    @Override
    protected Boolean doInBackground(URL... params) {
        try {
            mIcon_val = BitmapFactory.decodeStream(params[0].openConnection().getInputStream());
        } catch (IOException e) {
            this.error = e;
            return false;
        }
        return true;
    }

    @Override
    protected void onPostExecute(Boolean success) {
        super.onPostExecute(success);
        if (success) {
            image.setImageBitmap(mIcon_val);
        } else {
            image.setImageBitmap(defaultImage);
        }
    }
};
try {
    URL url = new URL(url);
    asyncTask.execute(url);
} catch (MalformedURLException e) {
    e.printStackTrace();
}

3
    private Bitmap getImageBitmap(String url) {
        Bitmap bm = null;
        try {
            URL aURL = new URL(url);
            URLConnection conn = aURL.openConnection();
            conn.connect();
            InputStream is = conn.getInputStream();
            BufferedInputStream bis = new BufferedInputStream(is);
            bm = BitmapFactory.decodeStream(bis);
            bis.close();
            is.close();
       } catch (IOException e) {
           Log.e(TAG, "Error getting bitmap", e);
       }
       return bm;
    } 

3

これを行う簡単でクリーンな方法は、オープンソースライブラリPrimeを使用することです。


3

このコードはテストされ、完全に機能しています。

URL req = new URL(
"http://java.sogeti.nl/JavaBlog/wp-content/uploads/2009/04/android_icon_256.png"
);
Bitmap mIcon_val = BitmapFactory.decodeStream(req.openConnection()
                  .getInputStream());

3

リストビューグリッドビュー、通常のレイアウトなど、任意のコンテナーでのimageViewの作業

 private class LoadImagefromUrl extends AsyncTask< Object, Void, Bitmap > {
        ImageView ivPreview = null;

        @Override
        protected Bitmap doInBackground( Object... params ) {
            this.ivPreview = (ImageView) params[0];
            String url = (String) params[1];
            System.out.println(url);
            return loadBitmap( url );
        }

        @Override
        protected void onPostExecute( Bitmap result ) {
            super.onPostExecute( result );
            ivPreview.setImageBitmap( result );
        }
    }

    public Bitmap loadBitmap( String url ) {
        URL newurl = null;
        Bitmap bitmap = null;
        try {
            newurl = new URL( url );
            bitmap = BitmapFactory.decodeStream( newurl.openConnection( ).getInputStream( ) );
        } catch ( MalformedURLException e ) {
            e.printStackTrace( );
        } catch ( IOException e ) {

            e.printStackTrace( );
        }
        return bitmap;
    }
/** Usage **/
  new LoadImagefromUrl( ).execute( imageView, url );

+1、完全で簡単なソリューションに感謝します。
PeteH 2014年

3

この方法を試してください。これが問題の解決に役立つことを願っています。

ここでは、「AndroidQuery」外部ライブラリを使用して、url / serverからasyncTaskでイメージをロードし、ロードしたイメージをデバイスファイルまたはキャッシュ領域にキャッシュする方法について説明します。

  • ここから「AndroidQuery」ライブラリをダウンロードします
  • このjarをプロジェクトのlibフォルダーにコピーして貼り付け、このライブラリをプロジェクトのビルドパスに追加します
  • 今、私はそれを使用する方法のデモを示します。

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center">

        <FrameLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageFromUrl"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:adjustViewBounds="true"/>
            <ProgressBar
                android:id="@+id/pbrLoadImage"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"/>

        </FrameLayout>
    </LinearLayout>

MainActivity.java

public class MainActivity extends Activity {

private AQuery aQuery;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    aQuery = new AQuery(this);
    aQuery.id(R.id.imageFromUrl).progress(R.id.pbrLoadImage).image("http://itechthereforeiam.com/wp-content/uploads/2013/11/android-gone-packing.jpg",true,true);
 }
}

Note : Here I just implemented common method to load image from url/server but you can use various types of method which can be provided by "AndroidQuery"to load your image easily.

3

Android Queryは、キャッシュ処理やロードの進行状況など、さまざまな処理を行うことができます。

見てください、ここを

最善のアプローチだと思います。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.