ListViewに画像を非同期で読み込む場合の注意

2011-05-25

ListViewに画像を非同期で読み込む場合の注意

Android | 00:06

Androidでの開発でListViewにImageViewを埋め込み，画像を非同期で読み込みたい場合，いくつか注意することがあったのでまとめます。

AsyncTaskで画像を非同期に読み込む処理は以下のページを参考にさせて頂きました。

no title

セルの位置と画像表示位置が一致しない

ListViewはセルとなるViewを使い回しているためか，AsyncTaskで画像を読み込んだ場合，本来表示されるべきセル以外のセルに画像が表示されしまう場合がありました。

多少強引な方法ですが，画像のタグにURLを保存し，タグと一致するURLが読み込まれた場合のみ，画像をセットすることで解決できました。

参考：Android画像付きリストの設定(ListView) | 株式会社ランチェスター

大きめの画像を読み込むとOutOfMemoryError

大きめの画像を複数枚読み込もうとすると，割とすぐに「OutOfMemoryError」が出ます。

回避するために以下の二点を気を付けました。

読み込み時に画像サイズに制限を掛ける

BitmapFactory.Optionsを用いると，最初から画像を縮小した状態で読み込むことができます。

以下のようにすると，画像を本体の画面サイズ以下に落として読み込めます。

byte[] byteArray;
Bitmap resultImage = null;

//BitmapFactoryオプション
BitmapFactory.Options options = new BitmapFactory.Options();

//画像をメモリに展開しないで情報だけ読み取る
options.inJustDecodeBounds = true;
BitmapFactory.decodeByteArray(byteArray, 0, byteArray.length, options);

//画面サイズ以下にリサイズして展開
int displayW = getWindowManager().getDefaultDisplay().getWidth();
int displayH = getWindowManager().getDefaultDisplay().getHeight();
int scaleW= options.outWidth / displayW + 1;
int scaleH= options.outHeight / displayH + 1;
options.inSampleSize = Math.max(scaleW,scaleH);
options.inJustDecodeBounds = false;

resultImage = BitmapFactory.decodeByteArray(byteArray, 0, byteArray.length, options);