Android非同期ロード画像分析まとめ

16436 ワード

androidがネットワーク上から非同期で画像をロードすることを検討し,(1)android UI更新は単一スレッドの原則をサポートするため,ネットワーク上からデータを取り出してインタフェースに更新し,メインスレッドをブロックしないためにまず以下の方法を考えることができる.メインスレッド内のnew 1つのHandlerオブジェクトで、画像をロードする方法を以下に示します.
 
  
private void loadImage(final String url, final int id) {
handler.post(new Runnable() {
public void run() {
Drawable drawable = null;
try {
drawable = Drawable.createFromStream(new URL(url).openStream(), "image.png");
} catch (IOException e) {
}
((ImageView) LazyLoadImageActivity.this.findViewById(id)).setImageDrawable(drawable);
}
});
}

上記の方法の欠点は、複数のピクチャをロードする場合、非同期ロードは実現されず、すべてのピクチャがロードされるまで一緒に表示されないことが明らかである.なぜなら、スレッドで実行されるからである.
そして、Handler+RunnableモードをHandler+Thread+Messageモードに変更することで、複数のスレッドを同時に開くことができるのではないでしょうか.
(2)主スレッド内のnew 1つのHandlerオブジェクトのコードは以下の通りである.
 
  
final Handler handler2=new Handler(){
@Override
public void handleMessage(Message msg) {
((ImageView) LazyLoadImageActivity.this.findViewById(msg.arg1)).setImageDrawable((Drawable)msg.obj);
}
};

対応するロード画像コードは以下の通りです.
 
  
// handler+Thread
private void loadImage2(final String url, final int id) {
Thread thread = new Thread(){
@Override
public void run() {
Drawable drawable = null;
try {
drawable = Drawable.createFromStream(new URL(url).openStream(), "image.png");
} catch (IOException e) {
}
 
Message message= handler2.obtainMessage() ;
message.arg1 = id;
message.obj = drawable;
handler2.sendMessage(message);
}
};
thread.start();
thread = null;
}

これにより、非同期ロードが簡単に実現されます.よく考えてみると、スレッドプールの導入、キャッシュの導入など、最適化することもできます.まず、スレッドプールについて説明します.
(3)ExecutorServiceインタフェースを導入し,コードは以下のように最適化できる.
メインスレッドに追加:private ExecutorService executorService=ExecutorService.newFixedThreadPool(5);
画像のロード方法は次のように変更されました.
 
  
//
private void loadImage3(final String url, final int id) {
executorService.submit(new Runnable() {
public void run() {
try {
final Drawable drawable = Drawable.createFromStream(new URL(url).openStream(), "image.png");
handler.post(new Runnable() {
 
public void run() {
((ImageView) LazyLoadImageActivity.this.findViewById(id)).setImageDrawable(drawable);
}
});
} catch (Exception e) {
throw new RuntimeException(e);
}
}
});
}

4)より便利に使用するために、非同期ロード画像方法を1つのクラスにカプセル化することができ、外部に1つの方法だけを露出すればよい.効率の問題を考慮して、メモリキャッシュメカニズムを導入することができ、HashMapを確立することができ、そのキー(key)はロード画像urlであり、その値(value)は画像オブジェクトDrawableである.まずカプセル化されたクラスを見てみましょう
 
  
public class AsyncImageLoader3 {
// , ( , , ListView )
public Map> imageCache = new HashMap>();
private ExecutorService executorService = Executors.newFixedThreadPool(5); //
private final Handler handler=new Handler();
 
/**
*
* @param imageUrl url
* @param callback
* @return , null
*/
public Drawable loadDrawable(final String imageUrl, final ImageCallback callback) {
//
if (imageCache.containsKey(imageUrl)) {
SoftReference softReference = imageCache.get(imageUrl);
if (softReference.get() != null) {
return softReference.get();
}
}
// , ,
executorService.submit(new Runnable() {
public void run() {
try {
final Drawable drawable = Drawable.createFromStream(new URL(imageUrl).openStream(), "image.png");
 
imageCache.put(imageUrl, new SoftReference(drawable));
 
handler.post(new Runnable() {
public void run() {
callback.imageLoaded(drawable);
}
});
} catch (Exception e) {
throw new RuntimeException(e);
}
}
});
return null;
}
//
protected Drawable loadImageFromUrl(String imageUrl) {
try {
return Drawable.createFromStream(new URL(imageUrl).openStream(), "image.png");
} catch (Exception e) {
throw new RuntimeException(e);
}
}
//
public interface ImageCallback {
//
public void imageLoaded(Drawable imageDrawable);
}
}

このようにパッケージして使うと便利になります.メインスレッドでは、まずAsyncImageLoader 3オブジェクトを導入し、そのloadDrawableメソッドを直接呼び出せばよいが、ImageCallbackインタフェースのimageLoadedメソッドは、ロードされた画像をターゲットImageViewまたはそれに関連するコンポーネントに設定できる唯一の方法であることに注意しなければならない.
メインスレッドでコードを呼び出すには、次の手順に従います.
オブジェクトprivate AsyncImageLoader 3 asyncImageLoader 3=new AsyncImageLoader 3()をインスタンス化します.
非同期ロードメソッドを呼び出します.
 
  
// , , ,
private void loadImage4(final String url, final int id) {
// ,ImageCallback
Drawable cacheImage = asyncImageLoader.loadDrawable(url,new AsyncImageLoader.ImageCallback() {
// : url
public void imageLoaded(Drawable imageDrawable) {
((ImageView) findViewById(id)).setImageDrawable(imageDrawable);
}
});
if(cacheImage!=null){
((ImageView) findViewById(id)).setImageDrawable(cacheImage);
}
}

5)同様に,以下にもThread+Handler+MessageQueue+メモリキャッシュコードを用いることを示し,原則として(4),スレッドプールをThread+Handler+MessageQueueモードに変えただけである.コードは次のとおりです.
 
  
public class AsyncImageLoader {
// , ( , , ListView )
private Map> imageCache = new HashMap>();
 
/**
*
* @param imageUrl url
* @param callback
* @return , null
*/
public Drawable loadDrawable(final String imageUrl, final ImageCallback callback) {
//
if (imageCache.containsKey(imageUrl)) {
SoftReference softReference = imageCache.get(imageUrl);
if (softReference.get() != null) {
return softReference.get();
}
}
 
final Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
callback.imageLoaded((Drawable) msg.obj);
}
};
new Thread() {
public void run() {
Drawable drawable = loadImageFromUrl(imageUrl);
imageCache.put(imageUrl, new SoftReference(drawable));
handler.sendMessage(handler.obtainMessage(0, drawable));
 
}
 
}.start();
/*
Handler
*/
// new AsyncTask() {
// @Override
// protected Drawable doInBackground(Object... objects) {
// Drawable drawable = loadImageFromUrl(imageUrl);
// imageCache.put(imageUrl, new SoftReference(drawable));
// return drawable;
// }
//
// @Override
// protected void onPostExecute(Object o) {
// callback.imageLoaded((Drawable) o);
// }
// }.execute();
return null;
}
 
protected Drawable loadImageFromUrl(String imageUrl) {
try {
return Drawable.createFromStream(new URL(imageUrl).openStream(), "src");
} catch (Exception e) {
throw new RuntimeException(e);
}
}
//
public interface ImageCallback {
public void imageLoaded(Drawable imageDrawable);
}
}

これで、非同期ロードについて説明しました.次のコードはテスト用の完全なコードです.
 
  
package com.bshark.supertelphone.activity;
 
import android.app.Activity;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.widget.ImageView;
import com.bshark.supertelphone.R;
import com.bshark.supertelphone.ui.adapter.util.AsyncImageLoader;
import com.bshark.supertelphone.ui.adapter.util.AsyncImageLoader3;
 
import java.io.IOException;
import java.net.URL;
import java.util.concurrent.ExecutorService;
import java.util.concurrent.Executors;
 
public class LazyLoadImageActivity extends Activity {
final Handler handler=new Handler();
final Handler handler2=new Handler(){
@Override
public void handleMessage(Message msg) {
((ImageView) LazyLoadImageActivity.this.findViewById(msg.arg1)).setImageDrawable((Drawable)msg.obj);
}
};
private ExecutorService executorService = Executors.newFixedThreadPool(5); //
private AsyncImageLoader asyncImageLoader = new AsyncImageLoader();
private AsyncImageLoader3 asyncImageLoader3 = new AsyncImageLoader3();
 
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
 
// loadImage("http://www.chinatelecom.com.cn/images/logo_new.gif", R.id.image1);
// loadImage("http://www.baidu.com/img/baidu_logo.gif", R.id.image2);
// loadImage("http://cache.soso.com/30d/img/web/logo.gif", R.id.image3);
// loadImage("http://www.baidu.com/img/baidu_logo.gif", R.id.image4);
// loadImage("http://cache.soso.com/30d/img/web/logo.gif", R.id.image5);
 
loadImage2("http://www.chinatelecom.com.cn/images/logo_new.gif", R.id.image1);
loadImage2("http://www.baidu.com/img/baidu_logo.gif", R.id.image2);
loadImage2("http://cache.soso.com/30d/img/web/logo.gif", R.id.image3);
loadImage2("http://www.baidu.com/img/baidu_logo.gif", R.id.image4);
loadImage2("http://cache.soso.com/30d/img/web/logo.gif", R.id.image5);
// loadImage3("http://www.chinatelecom.com.cn/images/logo_new.gif", R.id.image1);
// loadImage3("http://www.baidu.com/img/baidu_logo.gif", R.id.image2);
// loadImage3("http://cache.soso.com/30d/img/web/logo.gif", R.id.image3);
// loadImage3("http://www.baidu.com/img/baidu_logo.gif", R.id.image4);
// loadImage3("http://cache.soso.com/30d/img/web/logo.gif", R.id.image5);
 
// loadImage4("http://www.chinatelecom.com.cn/images/logo_new.gif", R.id.image1);
// loadImage4("http://www.baidu.com/img/baidu_logo.gif", R.id.image2);
// loadImage4("http://cache.soso.com/30d/img/web/logo.gif", R.id.image3);
// loadImage4("http://www.baidu.com/img/baidu_logo.gif", R.id.image4);
// loadImage4("http://cache.soso.com/30d/img/web/logo.gif", R.id.image5);
 
// loadImage5("http://www.chinatelecom.com.cn/images/logo_new.gif", R.id.image1);
// //
// SystemClock.sleep(2000);
// loadImage5("http://www.baidu.com/img/baidu_logo.gif", R.id.image2);
// SystemClock.sleep(2000);
// loadImage5("http://cache.soso.com/30d/img/web/logo.gif", R.id.image3);
// SystemClock.sleep(2000);
// loadImage5("http://www.baidu.com/img/baidu_logo.gif", R.id.image4);
// SystemClock.sleep(2000);
// loadImage5("http://cache.soso.com/30d/img/web/logo.gif", R.id.image5);
// SystemClock.sleep(2000);
// loadImage5("http://www.baidu.com/img/baidu_logo.gif", R.id.image4);
}
 
@Override
protected void onDestroy() {
executorService.shutdown();
super.onDestroy();
}
//
private void loadImage(final String url, final int id) {
handler.post(new Runnable() {
public void run() {
Drawable drawable = null;
try {
drawable = Drawable.createFromStream(new URL(url).openStream(), "image.png");
} catch (IOException e) {
}
((ImageView) LazyLoadImageActivity.this.findViewById(id)).setImageDrawable(drawable);
}
});
}
// handler+Thread
private void loadImage2(final String url, final int id) {
Thread thread = new Thread(){
@Override
public void run() {
Drawable drawable = null;
try {
drawable = Drawable.createFromStream(new URL(url).openStream(), "image.png");
} catch (IOException e) {
}
 
Message message= handler2.obtainMessage() ;
message.arg1 = id;
message.obj = drawable;
handler2.sendMessage(message);
}
};
thread.start();
thread = null;
}
//
private void loadImage3(final String url, final int id) {
executorService.submit(new Runnable() {
public void run() {
try {
final Drawable drawable = Drawable.createFromStream(new URL(url).openStream(), "image.png");
handler.post(new Runnable() {
 
public void run() {
((ImageView) LazyLoadImageActivity.this.findViewById(id)).setImageDrawable(drawable);
}
});
} catch (Exception e) {
throw new RuntimeException(e);
}
}
});
}
// , , ,
private void loadImage4(final String url, final int id) {
// ,ImageCallback
Drawable cacheImage = asyncImageLoader.loadDrawable(url,new AsyncImageLoader.ImageCallback() {
// : url
public void imageLoaded(Drawable imageDrawable) {
((ImageView) findViewById(id)).setImageDrawable(imageDrawable);
}
});
if(cacheImage!=null){
((ImageView) findViewById(id)).setImageDrawable(cacheImage);
}
}
 
// Handler+Thread+
private void loadImage5(final String url, final int id) {
// ,ImageCallback
Drawable cacheImage = asyncImageLoader3.loadDrawable(url,new AsyncImageLoader3.ImageCallback() {
// : url
public void imageLoaded(Drawable imageDrawable) {
((ImageView) findViewById(id)).setImageDrawable(imageDrawable);
}
});
if(cacheImage!=null){
((ImageView) findViewById(id)).setImageDrawable(cacheImage);
}
}
 
 
}

xmlファイルは大体以下の通りです.
 
  
< ?xml version="1.0" encoding="utf-8"?>
 
< LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:orientation="vertical"
android:layout_height="fill_parent" >





< /LinearLayout>