主要分析Android中Listview滾動(dòng)過(guò)程造成的圖片顯示重復(fù)、錯(cuò)亂、閃爍的原因及解決方法，順便跟進(jìn)Listview的緩存機(jī)制。

1、原因分析

Listview item 緩存機(jī)制：為了使得性能更優(yōu)，Listview會(huì)緩存行item(某行對(duì)應(yīng)的view)。listview通過(guò)adapter的getview函數(shù)獲得每行的item?；瑒?dòng)過(guò)程中，

a、如果某行item已經(jīng)劃出屏幕，若該item不在緩存內(nèi)，則put進(jìn)緩存，否則更新緩存；

b、獲取滑入屏幕的行item之前會(huì)先判斷緩存中是否有可用的item，如果有，作為convertview參數(shù)傳遞給adapter的getview。

這樣的話如下的getview寫法就可以充分利用緩存大大提升listview的性能。即便上萬(wàn)個(gè)行item，最多inflate的次數(shù)為n，n為一屏最多顯示listview行item的個(gè)數(shù)。

@Override
public View getView(int position,View convertView,ViewGroup parent){
ViewHolder holder;
if(convertView == null){
convertView = inflater.inflate(R.layout.list_item,null);
holder = new ViewHolder();
....convertView.setTag(holder);
}else{
holder = (ViewHolder)convertView.getTag();
}
}

這樣提升了性能，但同時(shí)造成了一些問(wèn)題。

a、行item圖片顯示重復(fù)

這個(gè)顯示重復(fù)是指當(dāng)前行item顯示了之前某行item的圖片

比如listview滑動(dòng)到第二行會(huì)異步加載某個(gè)圖片，但是加載很慢，加載過(guò)程中l(wèi)istview已經(jīng)加載到15行，且滑動(dòng)過(guò)程中該圖片加載結(jié)束，第二行 已經(jīng)不再屏幕內(nèi)，根據(jù)上面介紹的緩存原理，第二行的view可能被第14行服用，這樣我們看到的就是14行顯示了本該屬于第二行的圖片，造成重復(fù)。

b、行item圖片顯示錯(cuò)亂

這個(gè)顯示錯(cuò)亂是指某行item顯示了不屬于該行item的圖片。

比如listview滑動(dòng)到第二行會(huì)異步加載某個(gè)圖片，但是加載很慢，加載過(guò)程中l(wèi)istview已經(jīng)滑動(dòng)到14行，第二行已經(jīng)不再屏幕內(nèi)，根據(jù)上面介紹 的緩存原理，第二行的view可能被第14行的復(fù)用，第十四行顯示了第二行的view這時(shí)之前的圖片加載結(jié)束，就會(huì)顯示在第14行，造成混亂。

c、行item圖品顯示閃爍

上面b情況，14行圖片又很快加載結(jié)束，所以我們看到第14行先顯示了第二行的圖片，馬上又顯示了自己的圖片進(jìn)行覆蓋造成的閃爍錯(cuò)亂。

2、解決方法

通過(guò)上面的分析我們知道了出現(xiàn)錯(cuò)亂的原因是異步加載及對(duì)象被復(fù)用造成的，如果每次getview能給對(duì)象一個(gè)標(biāo)識(shí)，在異步加載完成時(shí)比較標(biāo)識(shí)與當(dāng)前的item的標(biāo)識(shí)是否是一致的，一致的則顯示，否則不做處理即可。

代碼中加上

@Override
public View getView(int position,View convertView,ViewGroup parent){
ViewHolder holder;
if(convertView == null){
convertView = inflater.inflate(R.layout.list_item,null);
holder = new ViewHolder();
....convertView.setTag(holder);
}else{
holder = (ViewHolder)convertView.getTag();
}
。。。。。
imageview.setTag(imageurl);
if(!cache.icon_catch.get(imageurl,imageview){
imageview.setimageDrawable(null);
}
}

其中setTag表示設(shè)置標(biāo)識(shí)，方便下面進(jìn)行標(biāo)志比對(duì)

if ( ! Cache . ICON_CACHE . get ( imageUrl , imageView ) )

Cache.ICON_CACHE為ImageCache的實(shí)例，表示如果不在緩存內(nèi)則設(shè)置drawable為null(當(dāng)然你可以可以設(shè)置為你自己的默認(rèn)資源)，防止顯示了之前某個(gè)行item的圖片，解決了a. 行item圖片顯示重復(fù)問(wèn)題。

在ImageCache的OnImageCallbackListener的onImageLoaded函數(shù)中添加

Java

public void onImageLoaded ( String imageUrl , Drawable imageDrawable , View view , booleanisInCache ) {
// can be another view child, like textView and so on
if ( view != null && imageDrawable != null ) {
ImageView imageView = ( ImageView ) view ;
// add tag judge, avoid listView cache and so on
String imageUrlTag = ( String ) imageView . getTag ( ) ;
if ( ObjectUtils . isEquals ( imageUrlTag , imageUrl ) ) {
imageView . setImageDrawable ( imageDrawable ) ;
}
}
} ;

在上面用String imageUrlTag = (String)imageView.getTag();取得之前設(shè)置的tag，然后和當(dāng)前的url進(jìn)行比較，如果相等則顯示，解決了b. 行item圖片顯示錯(cuò)亂，c. 行item圖片顯示錯(cuò)亂的兩個(gè)問(wèn)題。其中ObjectUtils可見(jiàn)ObjectUtils@Github .

其他異步加載過(guò)程解決原理類似。

以上所述是小編給大家介紹的Android Listview 滑動(dòng)過(guò)程中提示圖片重復(fù)錯(cuò)亂的原因及解決方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

最新評(píng)論