CWAC Endless Adapterを使用して、ImageView を含む ListView の無限スクロールを実装する次のコードを作成しました。画像は、AsyncTasks を使用してオンデマンドで Web から取得されます。
package com.myproject.ui.adapter;
import java.io.InputStream;
import java.net.URL;
import java.util.ArrayList;
import java.util.List;
import android.content.Context;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.util.LruCache;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import com.commonsware.cwac.endless.EndlessAdapter;
public class MyThumbsAdapter extends EndlessAdapter {
public static class FetchThumbTask extends AsyncTask<String, Void, Bitmap> {
private final Context mContext;
private final BaseAdapter mAdapter;
private final String mThumbId;
private final View mView;
public FetchThumbTask(Context context, BaseAdapter adapter, View view, String thumbId) {
mContext = context;
mAdapter = adapter;
mView = view;
mThumbId = thumbId;
}
@Override
protected Bitmap doInBackground(String... arg0) {
Bitmap bitmap = null;
if (cache.get(mThumbId) == null) {
// Fetch thumbnail
try {
URL url = new URL(...);
InputStream is = url.openStream();
bitmap = BitmapFactory.decodeStream(is);
cache.put(mThumbId, bitmap);
} catch (Exception e) {
...
}
}
return bitmap;
}
@Override
protected void onPostExecute(Bitmap bitmap) {
// Set the loaded image on the ImageView
ImageView imageView = (ImageView) mView.findViewById(R.id.thumb_image);
if (imageView != null) {
imageView.setImageBitmap(bitmap);
}
}
}
public static class MyThumbsBaseAdapter extends BaseAdapter {
private final Context mContext;
private final List<String> mThumbIds = new ArrayList<String>();
public MyThumbsBaseAdapter(Context context) {
mContext = context;
}
public void addThumbIds(List<String> thumbIds) {
mThumbIds.addAll(thumbIds);
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
String thumbId = mThumbIds.get(position);
View rootView = convertView;
if (rootView == null) {
rootView = LayoutInflater.from(parent.getContext()).inflate(
R.layout.thumbnails, null);
}
ImageView imageView =
(ImageView) rootView.findViewById(R.id.doodle_thumb_image);
Bitmap bitmap = cache.get(thumbId);
if (bitmap == null) {
loadThumbBitmap(rootView, thumbId);
} else if (imageView != null) {
imageView.setImageBitmap(bitmap);
}
return rootView;
}
@Override
public int getCount() {
return mThumbIds.size();
}
@Override
public Object getItem(int position) {
return null;
}
@Override
public long getItemId(int position) {
return 0;
}
private void loadThumbBitmap(View view, String thumbId) {
new FetchThumbTask(mContext, this, view, thumbId)
.executeOnExecutor(AsyncTask.THREAD_POOL_EXECUTOR);
}
}
static {
int maxMemory = (int) (Runtime.getRuntime().maxMemory() / 1024);
int cacheSize = maxMemory / 8;
cache = new LruCache<String, Bitmap>(cacheSize) {
@Override
protected int sizeOf(String key, Bitmap bitmap) {
// The cache size will be measured in kilobytes rather than
// number of items.
return bitmap.getByteCount() / 1024;
}
};
}
private static final LruCache<String, Bitmap> cache;
private List<String> mThumbIdsCache;
public MyThumbsAdapter(Context context) {
super(new MyThumbsBaseAdapter(context));
}
@Override
protected View getPendingView(ViewGroup parent) {
return LayoutInflater.from(parent.getContext())
.inflate(R.layout.loading_thumb, null);
}
@Override
protected boolean cacheInBackground() throws Exception {
JsonReader reader = // Retrieve thumb ids list from server
mThumbIdsCache = // Returned thumb ids list
return true;
}
@Override
protected void appendCachedData() {
MyThumbsBaseAdapter adapter = (MyThumbsBaseAdapter) getWrappedAdapter();
adapter.addThumbIds(mThumbIdsCache);
}
}
LruCache を使用して、Web からロードされたビットマップをキャッシュしています。問題は、Nexus 7 でテストを行っているときに大量のキャッシュ ミスが発生することです。Nexus 7 には十分なメモリが必要です。これにより、ListView を上下にスクロールすると、画像が所定の位置にポップされます。
さらに悪いことに、アプリが OutOfMemory エラーでクラッシュするのを見たことがありますが、一貫して再現することはできません。
ここで何が間違っていますか？画像ごとに個別の AsyncTasks を起動するべきではありませんか?
編集:ダウンロードしている画像は事前にスケーリングされていることにも言及する必要があります。