Android ListView非同步載入圖片錯位、重複、閃爍分析以及解決方案

標籤：listview的最佳化

我們在使用ListView非同步載入圖片的時候，在快速滑動或者網路不好的情況下，會出現圖片錯位、重複、閃爍等問題，其實這些問題總結起來就是一個問題，我們需要對這些問題進行ListView的最佳化。

比如ListView上有100個Item，一屏只顯示10個Item，我們知道getView()中convertView是用來複用View對象的，因為一個Item的對應一個View對象，而ImageView控制項就是View對象通過findViewById()獲得的，而我們在複用View對象時，同時這個ImageView對象也被複用了。比如第11個Item的View複用了第1個Item View對象，那麼ImageView就同時被複用了，所以當圖片沒下載出來，這個ImageView（第11個Item）顯示的資料就是複用（第1個Item）的資料。

1：Item圖片顯示重複

這個顯示重複是指當前行Item顯示了之前某行Item的圖片。

比如ListView滑動到第2行會非同步載入某個圖片，但是載入很慢，載入過程中ListView已經滑動到了第14行，且滑動過程中該圖片載入結束。第2行已不在螢幕內，根據上面介紹的緩衝原理，第2行的View對象可能被第14行複用，這樣我們看到的就是第14行顯示了本該屬於第2行的圖片，造成顯示重複。

2. Item圖片顯示錯亂
這個顯示錯亂是指某行Item顯示了不屬於該行Item的圖片。
跟上面的原因一樣。

3. Item圖片顯示閃爍
上面介紹的另外一種情況，如果第14行圖片又很快載入結束，所以我們看到第14行先顯示了複用的第2行的圖片，立馬又顯示了自己的圖片進行覆蓋造成閃爍錯亂。

解決方案：

通過上面的分析我們知道了出現錯亂的原因是非同步載入及對象被複用造成的，如果每次getView能給對象一個標識，在非同步載入完成時比較標識與當前行Item的標識是否一致，一致則顯示，否則不做處理即可。

原理：首先給ImageView設定一個Tag，這個Tag中設定的是圖片的url，然後在載入的時候取得這個url和要載入那position中的url對比，如果不相同就載入，相同就是複用以前的就不載入了。

Android ListView非同步載入圖片錯位、重複、閃爍分析以及解決方案