RecyclerView点击Item背景异常变色问题求助（Firebase数据源）

这个问题的核心是RecyclerView的ViewHolder复用机制：当你滚动列表时，滑出屏幕的ViewHolder会被重新利用来显示新进入屏幕的Item。你之前直接在点击事件里修改ViewHolder的视图属性，但没有记录每个Item的选中状态，导致复用的ViewHolder带着之前修改的样式，出现“点击第1个Item，第4个也变色”的情况。

下面是具体的修复方案，分步骤来：

1. 给数据模型添加选中状态字段 #

首先，在你的TimeSlot类里新增一个isSelected字段，用来记录每个Item的选中状态：

public class TimeSlot {
    // 原有字段
    private String time_slot;
    private boolean available;
    // 新增选中状态
    private boolean isSelected;

    // 构造方法（可根据需求调整，比如无参构造配合setter）
    public TimeSlot() {}

    // Getter和Setter方法
    public boolean isSelected() {
        return isSelected;
    }

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

    // 其他原有getter/setter...
}

2. 在适配器中根据状态设置视图样式 #

修改FirebaseRecyclerAdapter的populateViewHolder方法，每次绑定数据时，根据TimeSlot的isSelected状态来设置视图样式，而不是只在点击时修改：

firebaseTimeadapter = new FirebaseRecyclerAdapter<TimeSlot, FirebaseTimeViewHolder>(
        TimeSlot.class, 
        R.layout.time_slot_layout, 
        FirebaseTimeViewHolder.class, 
        timeSlot.child(Common.BikeId)) { 

    // 记录上一个选中的位置（单选场景用）
    private int mLastSelectedPos = -1;

    @Override
    protected void populateViewHolder(final FirebaseTimeViewHolder holder, TimeSlot slot, final int position) {
        // 绑定基础数据
        holder.time_slot.setText(slot.getTime_slot());
        holder.txt_time_slot_description.setText(ConvertToAvailableorNotAvailable(slot.isAvailable()));

        // 关键：根据选中状态设置样式
        if (slot.isSelected()) {
            // 选中时的样式
            holder.card_view_slot.setCardBackgroundColor(getResources().getColor(android.R.color.darker_gray));
            holder.card_view_slot.setClickable(false);
            holder.time_slot.setTextColor(getResources().getColor(android.R.color.white));
            holder.txt_time_slot_description.setTextColor(getResources().getColor(android.R.color.white));
        } else {
            // 默认未选中的样式（改成你原来的默认颜色）
            holder.card_view_slot.setCardBackgroundColor(getResources().getColor(android.R.color.white));
            holder.card_view_slot.setClickable(true);
            holder.time_slot.setTextColor(getResources().getColor(android.R.color.black));
            holder.txt_time_slot_description.setTextColor(getResources().getColor(android.R.color.black));
        }

        // 设置点击事件
        holder.setItemClickListener(new ItemClickListener() {
            @Override
            public void onClick(View view, int position, boolean isLongClick) {
                // 单选逻辑：取消上一个选中的Item
                if (mLastSelectedPos != -1) {
                    TimeSlot lastSlot = getItem(mLastSelectedPos);
                    lastSlot.setSelected(false);
                    notifyItemChanged(mLastSelectedPos);
                }

                // 设置当前Item为选中状态
                TimeSlot currentSlot = getItem(position);
                currentSlot.setSelected(true);
                notifyItemChanged(position);

                // 更新记录的选中位置
                mLastSelectedPos = position;

                // 你的其他业务逻辑
                date = new SimpleDateFormat("dd-MMM").format(new Date());
                txt_from_date.setText(date + " " + currentSlot.getTime_slot());
            }
        });
    }
};
recycler_time_list.setAdapter(firebaseTimeadapter);

3. 为什么这样能解决问题？ #

• 每次populateViewHolder执行时（不管是首次加载还是复用ViewHolder），都会根据数据模型的状态重新设置视图样式，彻底避免了复用导致的样式残留。
• 点击事件中只修改数据模型的状态，然后通知适配器刷新对应位置，让视图和数据保持同步，这符合RecyclerView“数据驱动视图”的设计思想。

可选方案：用集合记录选中状态 #

如果你不想修改TimeSlot类，可以用SparseBooleanArray来单独记录每个位置的选中状态：

// 在适配器里定义
private SparseBooleanArray mSelectedPositions = new SparseBooleanArray();

// 在populateViewHolder中判断：
if (mSelectedPositions.get(position, false)) {
    // 选中样式
} else {
    // 默认样式
}

// 在点击事件中：
boolean isSelected = mSelectedPositions.get(position, false);
mSelectedPositions.put(position, !isSelected);
notifyItemChanged(position);

这种方式适合不需要把选中状态和数据模型绑定的场景。

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