我們在使用ListView異步加載圖片的時候,在快速滑動或網(wǎng)絡(luò)不好的情況下,會出現(xiàn)圖片錯位、重復(fù)、閃爍等問題,其實這些問題總結(jié)起來就是1個問題,我們需要對這些問題進行ListView的優(yōu)化。
比如ListView上有100個Item,1屏只顯示10個Item,我們知道getView()中convertView是用來復(fù)用View對象的,由于1個Item的對應(yīng)1個View對象,而ImageView控件就是View對象通過findViewById()取得的,而我們在復(fù)用View對象時,同時這個ImageView對象也被復(fù)用了。比如第11個Item的View復(fù)用了第1個Item View對象,那末ImageView就同時被復(fù)用了,所以當圖片沒下載出來,這個ImageView(第11個Item)顯示的數(shù)據(jù)就是復(fù)用(第1個Item)的數(shù)據(jù)。
1:Item圖片顯示重復(fù)
這個顯示重復(fù)是指當前行Item顯示了之前某行Item的圖片。
比如ListView滑動到第2行會異步加載某個圖片,但是加載很慢,加載進程中ListView已滑動到了第14行,且滑動進程中該圖片加載結(jié)束。第2行已不在屏幕內(nèi),根據(jù)上面介紹的緩存原理,第2行的View對象可能被第14行復(fù)用,這樣我們看到的就是第14行顯示了本該屬于第2行的圖片,造成顯示重復(fù)。
2. Item圖片顯示錯亂
這個顯示錯亂是指某行Item顯示了不屬于該行Item的圖片。
跟上面的緣由1樣。
3. Item圖片顯示閃爍
上面介紹的另外1種情況,如果第14行圖片又很快加載結(jié)束,所以我們看到第14行先顯示了復(fù)用的第2行的圖片,立馬又顯示了自己的圖片進行覆蓋造成閃爍錯亂。
解決方案:
原理:首先給ImageView設(shè)置1個Tag,這個Tag中設(shè)置的是圖片的url,然后在加載的時候獲得這個url和要加載那position中的url對照,如果不相同就加載,相同就是復(fù)用之前的就不加載了。