RecyclerView 选定项高亮残留问题？巧用双管齐下法轻松解决！

## 用 RecyclerView 巧妙高亮选定项

问题：残留高亮

在使用 RecyclerView 创建水平列表时，高亮选定项是一种常见的做法。然而，当用户点击一个新项目时，之前选定的项目有时会保持高亮状态，导致混乱的界面和用户体验不佳。

解决方法：双管齐下

为了解决这个问题，我们采取了双管齐下的方法，修改了 onClick 和 onBindViewHolder 方法。

修改后的 onClick 函数：

@Override
public void onClick(View view) {

    // 取消前一个选定项的高亮
    if(selectedListItem!=null){
        selectedListItem.setBackgroundColor(Color.WHITE);
    }

    // 更新选定项
    selectedListItem = view;
    selectedPosition = getPosition();

    // 高亮新选定项
    view.setBackgroundColor(Color.CYAN); 
    viewHolderListener.onIndexChanged(getPosition());
}

修改后的 onBindViewHolder 方法：

@Override
public void onBindViewHolder(ViewHolder viewHolder, int position) {   
    viewHolder.setItem(fruitsData[position]);
    
    // 更新项目背景色
    if(selectedPosition == position)
        viewHolder.itemView.setBackgroundColor(Color.CYAN);    
    else
        viewHolder.itemView.setBackgroundColor(Color.WHITE);

}

改进内容：

清晰的高亮状态： 修改后的 onClick 函数确保始终只有一个选定项处于高亮状态。

视觉对比度： 修改后的 onBindViewHolder 方法为未选定项设置白色背景，与选定项的青色背景形成对比，使选定项更容易识别。

步骤分解：

1. 初始状态： onBindViewHolder 方法初始化所有项目为白色背景，表示未选定状态。
2. 点击事件处理： onClick 函数首先取消先前选定项的高亮，然后更新选定项和位置。
3. 项目视图更新： onBindViewHolder 方法根据选定位置更新每个项目的背景色，选定项为青色，其他项目为白色。

示例代码：

@Override
public void onClick(View view) {

    if(selectedListItem!=null){
        selectedListItem.setBackgroundColor(Color.WHITE);
    }
    selectedListItem = view;
    selectedPosition = getPosition();
    view.setBackgroundColor(Color.CYAN); 
    viewHolderListener.onIndexChanged(getPosition());
}

@Override
public void onBindViewHolder(ViewHolder viewHolder, int position) {   
    viewHolder.setItem(fruitsData[position]);
    if(selectedPosition == position)
        viewHolder.itemView.setBackgroundColor(Color.CYAN);    
    else
        viewHolder.itemView.setBackgroundColor(Color.WHITE);

}

结论：高亮无忧

通过修改 onClick 和 onBindViewHolder 方法，我们成功解决了 RecyclerView 中选定项高亮问题。此解决方案提供明确的高亮指示，帮助用户轻松识别当前选定的项目，从而提升了整体用户体验。

常见问题解答：

1. 为什么取消先前选定项的高亮很重要？

   取消先前选定项的高亮可确保只有一项保持高亮状态，避免视觉混乱和用户困惑。

2. 修改后，为何将未选定项的背景色设置为白色？

   白色背景提供清晰的对比度，使选定项的青色背景更加突出。

3. 何时使用此解决方案最合适？

   此解决方案适用于需要清晰高亮选定项的水平列表或网格布局。

4. 是否有其他方法可以高亮选定项？

   是的，可以通过修改 ViewHolder 的 onBind 方法，使用自定义背景视图或添加覆盖层来高亮选定项。

5. 此解决方案是否兼容所有 RecyclerView 版本？

   此解决方案与 RecyclerView 的最新版本兼容，但可能需要针对较旧版本进行调整。