向上和向下滾動列表后，Android 圖像在 RecyclerView 中消失？

Question

我有一個 RecyclerView 來顯示列表數據，但是在上下滾動后，使用 Volley 從 url 加載的圖像消失並再次出現。 我知道在閱讀這個ListView 的回收機制如何工作后，列表將回收項目。 這是我的適配器，我哪里錯了？

public class PostAdapter extends RecyclerView.Adapter<PostAdapter.ViewHolder> {

private ArrayList<Post> posts;
private Context context;
private ImageLoader imageLoader;

public PostAdapter(ArrayList<Post> posts, Context context) {
    this.posts = posts;
    this.context = context;
    imageLoader = MySingleton.getInstance(context).getImageLoader();
}

@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    View view = LayoutInflater.from(parent.getContext())
            .inflate(R.layout.item_post, parent, false);
    return new ViewHolder(view);
}

@Override
public void onBindViewHolder(ViewHolder holder, int position) {
    holder.name.setText(posts.get(position).getName());
    holder.timestamp.setText(posts.get(position).getTimestamp());
    holder.status.setText(posts.get(position).getStatus());
    holder.avatar.setImageUrl(Constants.URL_IMAGE + posts.get(position).getAvatar(), imageLoader);
    if(!posts.get(position).getImage().equals("")) {
        holder.image.setVisibility(View.VISIBLE);
        holder.image.setImageUrl(Constants.URL_IMAGE + posts.get(position).getImage(), imageLoader);
    } else {
        holder.image.setVisibility(View.GONE);
    }
}

@Override
public int getItemCount() {
    return posts.size();
}

public static class ViewHolder extends RecyclerView.ViewHolder {
    NetworkImageView image, avatar;
    TextView status, timestamp, name;

    public ViewHolder(View itemView) {
        super(itemView);
        avatar = (NetworkImageView) itemView.findViewById(R.id.profilePic);
        image = (NetworkImageView) itemView.findViewById(R.id.feedImage1);
        status = (TextView) itemView.findViewById(R.id.txtStatusMsg);
        name = (TextView) itemView.findViewById(R.id.name);
        timestamp = (TextView) itemView.findViewById(R.id.timestamp);
    }
}}

Answer 1

在您的實現中，您每次綁定到視圖持有者時都會調用setImageUrl() 。 盡管ImageLoader支持並使用緩存，但它是在網絡級別，在設置 url 和顯示圖像（消失和出現）之間有一個短暫的延遲。

為了更好地處理這個問題，你應該為你的圖像實現一個內存緩存，並直接像

String image = posts.get(position).getImage();
if("".equals(image)) {
    holder.image.setVisibility(View.GONE);
} else if (cache.hasImage(image)) {
    holder.image.setVisibility(View.VISIBLE);
    holder.image.setImageBitmap(cache.getImage(image));
} else {
    holder.image.setVisibility(View.VISIBLE);
    holder.image.setImageUrl(Constants.URL_IMAGE + image, imageLoader);
}

其中cache將是您自己的實現。

Answer 2

這樣做

holder.image.setVisibility(View.VISIBLE);
if(!posts.get(position).getImage().equals("")) {        
        holder.image.setImageUrl(Constants.URL_IMAGE + posts.get(position).getImage(), imageLoader);
    } else {
        holder.image.setVisibility(View.GONE);
    }