RecyclerView圖片錯亂復(fù)用問題

由于開發(fā)排行榜過程中遇到些問題，這里統(tǒng)一做下記錄，由于RecyclerView的緩存復(fù)用機制，所以會導(dǎo)致item的復(fù)用問題，當(dāng)圖片時尤為明顯，例如用戶列表中有頭像的沒頭像的，這時明顯能看到錯亂問題。

直接說下2種方案，包括正確的不正確的，好的壞的：

1、直接每次都給圖片設(shè)置setImageDrawable()，然后加載網(wǎng)絡(luò)圖片

這樣的話，每次刷新的時候圖片都會先被設(shè)置成setImageDrawable() 中的圖片，然后加載完網(wǎng)絡(luò)圖片的時候才會顯示出來。猛的一看沒問題，但是這就會造成什么呢，當(dāng)你刷新的時候列表圖片會有一個閃動的過程，也就是： 網(wǎng)絡(luò)圖片->設(shè)置的圖片->網(wǎng)絡(luò)圖片這么一個閃動過程。體驗不好，我們需要實現(xiàn)當(dāng)圖片地址不變的時候圖片也依舊顯示不變就好了。

2、給每個item中的圖片設(shè)置tag

這個是目前的比較靠譜的方案了吧，給圖片設(shè)置tag（下文中的tag設(shè)置為了圖片的url），當(dāng)該圖片沒有tag的時候說明這里還沒有開始復(fù)用，那么直接加載網(wǎng)絡(luò)圖片即可；當(dāng)該圖片有tag的時候并且tag和圖片的url相同，說明是復(fù)用來的并且圖片的url還是對的，那么這個圖片直接加載即可；當(dāng)圖片的tag和圖片url不同時，說明這個圖片是復(fù)用來的，所以就需要把原來的圖片先設(shè)置為你的占位符，然后加載網(wǎng)絡(luò)圖片。
以上就是整個邏輯了，偽代碼如下：

if (TUtils.isEmpty(item.getHeadUrl())) {holder.mImgAvatar.setImageDrawable(ContextCompat.getDrawable(mContext, R.drawable.ic_placeholder_avatar));} else {String avatarTag = (String) holder.mImgAvatar.getTag();//如果tag為null則說明是全新的視圖，否則是復(fù)用來的視圖//如果有圖片的TAG有并且和之前設(shè)置的一樣，那么直接再次加載即可if (null == avatarTag || avatarTag.equals(item.getHeadUrl())) {Glide.with(holder.mImgAvatar).load(item.getHeadUrl()).override(SizeUtils.dp2px(34)).into(new SimpleTarget<Drawable>() {@Overridepublic void onResourceReady(@NonNull Drawable resource, @Nullable Transition<? super Drawable> transition) {holder.mImgAvatar.setImageDrawable(resource);}});}//如果和原來的tag不同，也就是url不同，那么就先清空原來的圖片，然后加載新的圖片else {holder.mImgAvatar.setImageDrawable(ContextCompat.getDrawable(mContext, R.drawable.ic_placeholder_avatar));Glide.with(holder.mImgAvatar).load(item.getHeadUrl()).override(SizeUtils.dp2px(34)).into(new SimpleTarget<Drawable>() {@Overridepublic void onResourceReady(@NonNull Drawable resource, @Nullable Transition<? super Drawable> transition) {holder.mImgAvatar.setImageDrawable(resource);}});}}holder.mImgAvatar.setTag(item.getHeadUrl());

總結(jié)

以上是生活随笔為你收集整理的RecyclerView图片错乱复用问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。