本文详解 recyclerview 点击时切换图片的常见问题（如多选、滚动错位）及其根本解决方案：通过数据模型状态驱动 ui，确保 viewholder 复用时状态一致。

本文详解 recyclerview 点击时切换图片的常见问题（如多选、滚动错位）及其根本解决方案：通过数据模型状态驱动 ui，确保 viewholder 复用时状态一致。

在 Android 开发中，RecyclerView 的 ViewHolder 复用机制是性能优化的核心，但也是许多 UI 状态异常（如点击后多个 item 图片同时变化、滑动后图片错乱）的根源。根本原因在于：UI 变化未与数据状态同步——你仅在 onClick 中修改了 ImageView 的资源，却未更新对应数据项的状态；当 ViewHolder 被复用或列表刷新时，onBindViewHolder() 无法还原正确的视觉状态。

✅ 正确做法：状态驱动 UI（State-Driven UI）

你需要将“是否已选中”这一逻辑状态持久化到数据模型中，并在 onBindViewHolder() 中始终依据该状态设置图片，而非依赖临时的 UI 操作。

第一步：扩展数据模型（RepairItems）

在 RepairItems 类中添加布尔字段 isSelected（并提供 getter/setter）：

jQuery点击事件遮罩弹出层可移动特效代码

"jQuery点击事件遮罩弹出层可移动特效代码下载。一款jquery弹出层插件制作注册表单点击按钮弹出层表单提交效果，可支持拖到的jQuery弹出层效果。标题、高度、宽度等可以自定义弹出层js插件。

下载

public class RepairItems {
    private String products_title;
    private String product_id;
    private String products_price;
    // ... 其他字段

    private boolean isSelected; // ? 新增状态字段

    public boolean isSelected() {
        return isSelected;
    }

    public void setSelected(boolean selected) {
        this.isSelected = selected;
    }
}

⚠️ 注意：若 RepairItems 来自网络响应（如 JSON），请确保反序列化时默认 isSelected = false，或在构造/解析后统一初始化。

第二步：在 onBindViewHolder() 中统一绑定状态

移除所有对 holder.my_checkbox 的直接 setImageResource() 调用（除了此处），确保每次绑定都反映最新数据状态：

@Override
public void onBindViewHolder(MyViewHolder holder, final int position) {
    final RepairItems item = doctorsListFiltered.get(position);
    db = new DatabaseHandler(context);

    holder.cat_name.setText(item.getProducts_title());
    holder.cat_id.setText(item.getProduct_id());
    holder.price.setText(item.getProducts_price());

    // ✅ 关键：根据数据模型状态决定图片
    if (item.isSelected()) {
        holder.my_checkbox.setImageResource(R.drawable.ic_check_box_checked);
    } else {
        holder.my_checkbox.setImageResource(R.drawable.ic_check_box_empty);
    }

    holder.linear.setOnClickListener(v -> {
        long productId = Long.parseLong(item.getProduct_id());
        if (db.getWishlist(productId) != null) {
            db.deleteWishlist(productId);
            item.setSelected(false); // ? 同步更新数据状态
        } else {
            Wishlist wishlistItem = new Wishlist(
                productId,
                item.getProduct_id(),
                item.getProducts_title(),
                Integer.parseInt(item.getProducts_price())
            );
            db.saveWishlist(wishlistItem);
            item.setSelected(true); // ? 同步更新数据状态
        }
        // ✅ 强烈建议：局部刷新，避免 notifyDataSetChanged() 导致闪烁
        notifyItemChanged(position);
    });
}

第三步：优化数据库操作与线程安全（进阶建议）

• DatabaseHandler 实例不应在 onBindViewHolder() 中反复创建（存在资源开销）。建议在 Adapter 构造时传入单例实例。
• 数据库读写（尤其是 getWishlist()）若耗时，应移至后台线程（如 AsyncTask、Coroutine 或 ExecutorService），避免阻塞主线程。
• 若使用 Room，可配合 LiveData 或 Flow 实现状态自动响应。

✅ 总结关键原则

• 状态必须落地于数据层：UI 是数据的投影，不是独立实体。
• onBindViewHolder 是唯一可信的 UI 设置入口：所有视觉表现（包括图片、颜色、可见性）必须在此处由数据驱动。
• 避免在 onClick 中仅操作 View：必须同步更新背后的数据模型，并触发刷新（notifyItemChanged() 优于全局 notifyDataSetChanged()）。
• 复用即重置：RecyclerView 的设计哲学是“每次绑定都是全新开始”，切勿假设 ViewHolder 保留上一次的 UI 状态。

遵循以上模式，即可彻底解决点击错位、滚动复用导致的图片混乱问题，构建稳定、可维护的列表交互体验。