Android ListView点击切换Item View后滚动出现异常问题求助

嘿，这个坑我当初刚学Android的时候也踩过！问题出在ListView的视图复用机制上——为了节省内存，ListView会把滑出屏幕的Item视图重新拿来给新进入屏幕的Item用。如果你只是在点击的时候直接改了View的图片，没把这个状态和对应的数据绑定起来，那复用的时候旧的状态就会被带到新的Item上，导致看起来没点击的Item也变成已点击的样子。

下面给你两种靠谱的解决方案，选哪种看你的需求：

方案一：用数据模型记录点击状态（推荐） #

这种方法最规范，把每个Item的状态和数据绑定在一起，从根源解决问题：

1. 先创建一个数据类，用来存每个Item的原始图片ID和点击状态：

public class ListItem {
    private int originalImageId;
    private boolean isClicked;

    public ListItem(int originalImageId, boolean isClicked) {
        this.originalImageId = originalImageId;
        this.isClicked = isClicked;
    }

    // 生成getter和setter方法
    public int getOriginalImageId() { return originalImageId; }
    public boolean isClicked() { return isClicked; }
    public void setClicked(boolean clicked) { isClicked = clicked; }
}

2. 把你的Adapter数据源换成List<ListItem>，然后在getView里根据数据状态设置图片：

@Override
public View getView(final int position, View convertView, ViewGroup parent) {
    ViewHolder holder;
    if (convertView == null) {
        convertView = LayoutInflater.from(mContext).inflate(R.layout.your_list_item_layout, parent, false);
        holder = new ViewHolder();
        holder.itemImageView = convertView.findViewById(R.id.item_image);
        convertView.setTag(holder);
    } else {
        holder = (ViewHolder) convertView.getTag();
    }

    // 拿到当前Item的数据
    ListItem currentItem = mItemList.get(position);
    // 根据点击状态设置对应图片
    if (currentItem.isClicked()) {
        holder.itemImageView.setImageResource(R.drawable.clicked_state_image);
    } else {
        holder.itemImageView.setImageResource(currentItem.getOriginalImageId());
    }

    // 处理点击事件：更新数据状态，然后通知Adapter刷新
    convertView.setOnClickListener(v -> {
        ListItem item = mItemList.get(position);
        item.setClicked(!item.isClicked());
        // 用notifyDataSetChanged()刷新全部，要是用RecyclerView的话可以用notifyItemChanged(position)更高效
        notifyDataSetChanged();
    });

    return convertView;
}

// ViewHolder静态类，避免重复findViewById
static class ViewHolder {
    ImageView itemImageView;
}

方案二：用SparseBooleanArray记录状态（无需修改数据模型） #

如果你的数据源已经固定，不想额外创建数据类，可以用SparseBooleanArray来单独存每个Item的点击状态：

1. 在Adapter里声明一个SparseBooleanArray：

private SparseBooleanArray mClickStates = new SparseBooleanArray();

2. 在getView里根据这个数组设置图片，点击时更新状态：

@Override
public View getView(final int position, View convertView, ViewGroup parent) {
    ViewHolder holder;
    if (convertView == null) {
        convertView = LayoutInflater.from(mContext).inflate(R.layout.your_list_item_layout, parent, false);
        holder = new ViewHolder();
        holder.itemImageView = convertView.findViewById(R.id.item_image);
        convertView.setTag(holder);
    } else {
        holder = (ViewHolder) convertView.getTag();
    }

    // 获取当前位置的点击状态，默认是false（未点击）
    boolean isClicked = mClickStates.get(position, false);
    if (isClicked) {
        holder.itemImageView.setImageResource(R.drawable.clicked_state_image);
    } else {
        holder.itemImageView.setImageResource(mOriginalImageIds[position]);
    }

    // 点击时切换状态并刷新
    convertView.setOnClickListener(v -> {
        boolean currentState = mClickStates.get(position, false);
        mClickStates.put(position, !currentState);
        notifyDataSetChanged();
    });

    return convertView;
}

static class ViewHolder {
    ImageView itemImageView;
}

核心思路总结 #

不管用哪种方法，核心都是让View的状态由数据驱动，而不是直接修改View本身。因为ListView的View是会被复用的，只有绑定到对应位置的数据才是每个Item独有的，这样滚动的时候就能准确显示每个Item应该有的状态了。

内容的提问来源于stack exchange，提问作者user9213317