android - 带有 GridLayoutManager 和 Picasso 的 RecyclerView 显示错误图像

Question

更新#1

添加了 hasStableIds(true) 并将 Picasso 更新到版本 2.5.2。 它不能解决问题。

复制:

带有 GridLayoutManager 的 RecyclerView (spanCount = 3)。 列表项是带有 ImageView 的 CardViews。

当所有项目都不适合屏幕时，对一项调用 notifyItemChanged 会导致多次调用 onBindViewHolder()。 一个调用用于从 notifyItemChanged 获取位置，其他调用用于屏幕上不可见的项目。

问题:

有时，传递给 notifyItemChanged 的​​项目加载了属于不在屏幕上的项目的图像(很可能是由于 View 持有者的回收 - 尽管我会假设如果该项目仍然存在传递的查看器将是相同的)。

我在这里找到了 Jake 关于调用 load() 的其他问题的评论，即使文件/uri 为空。在此处的每个 onBindViewHolder 上加载图像。

简单的示例应用:

git clone https://github.com/gswierczynski/recycler-view-grid-layout-with-picasso.git

点击一个项目调用 notifyItemChanged，参数等于该项目的位置。

代码:

public class MainActivity extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        if (savedInstanceState == null) {
            getSupportFragmentManager().beginTransaction()
                    .add(R.id.container, new PlaceholderFragment())
                    .commit();
        }
    }

    public static class PlaceholderFragment extends Fragment {

        public PlaceholderFragment() {
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                                 Bundle savedInstanceState) {
            View rootView = inflater.inflate(R.layout.fragment_main, container, false);

            RecyclerView rv = (RecyclerView) rootView.findViewById(R.id.rv);

            rv.setLayoutManager(new GridLayoutManager(getActivity(), 3));
            rv.setItemAnimator(new DefaultItemAnimator());
            rv.setAdapter(new ImageAdapter());

            return rootView;
        }
    }

    private static class ImageAdapter extends RecyclerView.Adapter<ImageViewHolder> implements ClickableViewHolder.OnClickListener {

        public static final String TAG = "ImageAdapter";
        List<Integer> resourceIds = Arrays.asList(
                R.drawable.a0,
                R.drawable.a1,
                R.drawable.a2,
                R.drawable.a3,
                R.drawable.a4,
                R.drawable.a5,
                R.drawable.a6,
                R.drawable.a7,
                R.drawable.a8,
                R.drawable.a9,
                R.drawable.a10,
                R.drawable.a11,
                R.drawable.a12,
                R.drawable.a13,
                R.drawable.a14,
                R.drawable.a15,
                R.drawable.a16,
                R.drawable.a17,
                R.drawable.a18,
                R.drawable.a19,
                R.drawable.a20);

        @Override
        public ImageViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item, parent, false);
            return new ImageViewHolder(v, this);
        }

        @Override
        public void onBindViewHolder(ImageViewHolder holder, int position) {
            Log.d(TAG, "onBindViewHolder position: " + position + " | holder obj:" + holder.toString());
            Picasso.with(holder.iv.getContext())
                    .load(resourceIds.get(position))
                    .fit()
                    .centerInside()
                    .into(holder.iv);
        }

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

        @Override
        public void onClick(View view, int position) {
            Log.d(TAG, "onClick position: " + position);
            notifyItemChanged(position);
        }

        @Override
        public boolean onLongClick(View view, int position) {
            return false;
        }
    }

    private static class ImageViewHolder extends ClickableViewHolder {

        public ImageView iv;

        public ImageViewHolder(View itemView, OnClickListener onClickListener) {
            super(itemView, onClickListener);
            iv = (ImageView) itemView.findViewById(R.id.iv);
        }
    }
}

public class ClickableViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener, View.OnLongClickListener {
    OnClickListener onClickListener;


    public ClickableViewHolder(View itemView, OnClickListener onClickListener) {
        super(itemView);
        this.onClickListener = onClickListener;
        itemView.setOnClickListener(this);
        itemView.setOnLongClickListener(this);
    }

    @Override
    public void onClick(View view) {
        onClickListener.onClick(view, getPosition());
    }

    @Override
    public boolean onLongClick(View view) {
        return onClickListener.onLongClick(view, getPosition());
    }

    public static interface OnClickListener {
        void onClick(View view, int position);
        boolean onLongClick(View view, int position);
    }
}

Answer 1

我花了比我愿意承认的更多的时间来解决 RecyclerView 和它附带的新适配器的问题。在正确更新和确保 notifyDataSetChanges 及其所有其他 sibling 不会导致奇怪行为方面，唯一最终对我有用的是:

在我的适配器上，我设置

setHasStableIds(true);

在构造函数中。然后我覆盖了这个方法:

@Override
public long getItemId(int position) {
    // return a unique id here
}

并确保我所有的项目都返回一个唯一的 ID。

如何实现这一目标取决于您。对我来说，数据是从我的网络服务以 UUID 的形式提供的，我通过使用以下方法将部分 UUID 转换为 long 来作弊:

SomeContent content = _data.get(position);
Long code = Math.abs(content.getContentId().getLeastSignificantBits());

显然这不是一种非常安全的方法，但它可能适用于我的列表，其中包含 < 1000 个项目。到目前为止，我还没有遇到任何问题。

我的建议是尝试这种方法，看看它是否适合您。由于您有一个数组，因此为您获取一个唯一编号应该很简单。也许尝试返回实际项目的位置(而不是在 getItemId() 中传递的位置)或为您的每个记录创建一个唯一的 long 并传递它中。