RecyclerView圖片錯亂復用問題

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

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

1、直接每次都給圖片設置setImageDrawable()，然后加載網絡圖片

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

2、給每個item中的圖片設置tag

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

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則說明是全新的視圖，否則是復用來的視圖//如果有圖片的TAG有并且和之前設置的一樣，那么直接再次加載即可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());

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。