2011-05-25
ListViewに画像を非同期で読み込む場合の注意
Android |
Androidでの開発でListViewにImageViewを埋め込み,画像を非同期で読み込みたい場合,いくつか注意することがあったのでまとめます。
AsyncTaskで画像を非同期に読み込む処理は以下のページを参考にさせて頂きました。
セルの位置と画像表示位置が一致しない
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);
inSampleSizeは画像読み込み時のサンプリング幅を指定するプロパティ(int)で,2にすると2画素毎に原画像がサンプリングされるので画像サイズが1/2になります。
上記コードの場合,画像がかなり小さくなってしまう場合(画像がほんの少し画面サイズより大きい場合など)があります。scaleWとscaleHに1加算するのをやめれば,画像が画面サイズの2倍以上だった場合のみ縮小されますので,必要に応じて調節してください。
参考:
BitmapFactory.Options | Android Developers
キャッシュにSoftReferenceを使う
画像をキャッシュしている場合,キャッシュの扱いを間違えるとすぐメモリが足りなくなります。
iOSならば自分で適切にreleaseすれば良いのですが,AndroidだとGCに投げっぱなしなのでそうもいきません。
そのため,キャッシュにはSoftReferenceを使用し,メモリ不足時に優先的に解放されるようにすると良いようです。
参考:
- 6402 https://www.google.co.jp/
- 2480 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CCYQFjAA&url=http://d.hatena.ne.jp/shoby/20110319/1300567422&ei=W3MyT87qD4PRmAX66Ky9BQ&usg=AFQjCNEa6SHCyVlOQkYYLj1eEymyn2F1aA&sig2=hA2QIbV_bHovuDprCv62Tg
- 617 http://www.google.co.jp/url?sa=t&rct=j&q=nsnull&source=web&cd=1&ved=0CBkQFjAA&url=http://d.hatena.ne.jp/shoby/20110319/1300567422&ei=G9ZlTqrdNKbmmAW62sC4Cg&usg=AFQjCNEa6SHCyVlOQkYYLj1eEymyn2F1aA
- 579 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&ved=0CD0QFjAB&url=http://d.hatena.ne.jp/shoby/20110227/1298783958&ctbs=lr:lang_1ja,qdr:y&ei=R5c4T7PwMOHqmAXIyuyrCg&usg=AFQjCNFq9g3ydS8RRUW-GOCPVT6sww1mtg&sig2=TcLilm1pmYvDj
- 364 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=3&ved=0CD0QFjAC&url=http://d.hatena.ne.jp/shoby/20110408/1306336050&ei=YWgyT4LWBrCZmQXml6XXBQ&usg=AFQjCNFZSl_WpYvHHJnpEO15djcb2bsKqg
- 220 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=4&cts=1331028603338&sqi=2&ved=0CD4QFjAD&url=http://d.hatena.ne.jp/shoby/20110408/1306336050&ei=auJVT7_SDu_vmAWB88jNCQ&usg=AFQjCNFZSl_WpYvHHJnpEO15djcb2bsKqg&sig2=SZwauARQVP0ACz3Snw
- 220 http://www.google.co.jp/url?sa=t&rct=j&q=android listview 画像 非同期&source=web&cd=3&ved=0CDMQFjAC&url=http://d.hatena.ne.jp/shoby/20110525/1306335974&ei=tieETpKpD67MmAXWp7jxDw&usg=AFQjCNFaDrC_fHPZe_PT
- 215 https://www.google.com/
- 207 http://thinking-megane.blogspot.jp/2012/06/android-listview.html
- 193 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&frm=1&source=web&cd=1&cts=1331252061732&ved=0CDQQFjAA&url=http://d.hatena.ne.jp/shoby/20110525/1306335974&ei=XktZT6efDs_MmAWrwIS3Dw&usg=AFQjCNFaDrC_fHPZe_PTHrsq3SqlOq_ZEA&sig2=KTsOALmliotrzjtGZl