Android RecyclerView数据错乱问题

前言

RecyclerView是日常开发中最常用的控件之一。一般情况下，我们用它来展示一系列数据的视图。然而在使用过程中，偶尔会出现数据错乱的情况。当然这并不是RecyclerView本身的bug，而是代码编写中的问题。

场景再现

1.先准备一个数据对象

public class TestModel {public TestModel(String description) {this.description = description;}public TestModel(String description, boolean selected) {this.description = description;this.selected = selected;}public String description;public boolean selected;
}

现在要求：将15个TestModel对象展示在RecyclerView中，每个Item包含一个TextView和一个ImageView，其中TextView展示description，当selected = true的时候，ImageView显示为选中状态，否则为未选中状态。

2.准备15个数据，只有第一个model的selected = true。

List<TestModel> models = new ArrayList<>();for (int i = 0; i < 15; i++) {TestModel model = new TestModel(String.format("第%s个Item", i));models.add(model);}models.get(0).selected = true;

<ImageViewandroid:id="@+id/iv_selected"android:layout_width="24dp"android:layout_height="24dp"android:src="@drawable/unselect_backgound"android:layout_marginStart="16dp"/>

给ImageView指定了一张默认的图片，当selected = true时再给ImageView指定选中的图片。RecyclerView.Adapter中的部分代码如下

@Overridepublic void onBindViewHolder(@NonNull TestAdapter.ViewHolder holder, final int position) {TestModel model = models.get(position);holder.mTvDes.setText(model.description);// 注意这里，仅指定了选中状态的图片if (model.selected) {holder.mIvSelected.setImageResource(R.drawable.select_backgound);}}

看下效果

果然，出现了数据错乱的现象。第12个Item的ImageView中显示了选中图片，打断点可以发现，该Item也并没有执行if(model.selected)的代码。那么为什么会出现这种现象呢？这就涉及到了RecyclerView的复用回收机制。

RecyclerView的复用回收

如上文说到，RecyclerView需要展示15条数据的视图，但并不意味着RecyclerView会真的创建15个ItemView来展示。RecyclerView滚动时，会将已经划出屏幕的ItemView从屏幕上拿下来，放在一个缓存列表中。后续有新的数据需要展示时，从列表中取出一个ItemView用于展示，而不是专门重新创建一个ItemView。由于这个ItemView是从缓存中取出的，它依然保留前一次操作后的状态。如果在显示新的数据时，有控件被略过，那么这个控件就会显示上一条数据的状态，从而引起显示上的错乱现象。

解决方案

显示错乱的本质是复用引起了控件保留有上次操作的状态。那么我们可以从解决复用和更新状态上去着手解决。
1.禁止复用，不过这样就使得性能降低，违反了RecyclerView的本质。

// 设置ItemView为不可回收，不能被放入缓存列表，自然无法复用
viewHolder.setIsRecyclable(false);

@Overridepublic int getItemViewType(int position) {// 给每个ItemView指定不同的类型，这样在RecyclerView看来，这些ItemView全是不同的，不能复用return position;}

2.正确的解决方案当然是保证ItemView中的所有控件都能被刷新。尤其是使用了条件表达式的时候。对控件的操作必须要考虑完所有的情况

@Overridepublic void onBindViewHolder(@NonNull TestAdapter.ViewHolder holder, final int position) {TestModel model = models.get(position);holder.mTvDes.setText(model.description);if (model.selected) {holder.mIvSelected.setImageResource(R.drawable.select_backgound);} else {// 保证ImageView控件一定会被操作到holder.mIvSelected.setImageResource(R.drawable.unselect_backgound);}}