Android 基于RecyclerView实现可选中标签及选中即时联动方法

现有代码存在三处逻辑错位，直接导致交互状态不同步：

• 接口回调位置错误：onCategoryTagClicked.onTagClick() 被写在onBindViewHolder的条件判断分支中，而非用户点击事件逻辑内。只要ViewHolder因列表滚动、数据刷新被重新绑定，只要当前位置等于记录的选中索引，就会无差别触发回调，完全与用户的实际点击动作脱钩。
• UI刷新逻辑缺失：Fragment侧的onTagClick() 方法仅将新分类名赋值给selectedCategory成员变量，未调用selectedCategoryText.setText() 同步刷新顶部TextView的显示。只有当后续Fragment重建、重新执行onCreateView流程时，才会将缓存的变量值渲染到界面上，这也是切换Fragment后才看到文本更新、高亮态复位的核心原因。
• 初始选中态不匹配：Adapter的选中位置row_index默认值为0，无初始化同步逻辑，未与Fragment中定义的默认选中分类"Art"做校验，容易出现高亮边框与顶部显示文本不一致的问题。

1. 重构Adapter逻辑 #

将接口回调移动到点击事件触发逻辑中，选中状态仅在用户点击时更新；替换全表刷新为局部刷新，避免列表闪烁。

public class TrendCategoryTagsAdapter extends FirestoreRecyclerAdapter<CategorySelection, TrendCategoryTagsAdapter.TrendCategoryTagsHolder> {

    Context context;
    OnCategoryTagClicked onCategoryTagClicked;
    // 记录当前选中位置，支持外部传入初始选中索引
    private int selectedPosition;

    public TrendCategoryTagsAdapter(@NonNull FirestoreRecyclerOptions<CategorySelection> options, 
                                    Context context, 
                                    OnCategoryTagClicked onCategoryTagClicked,
                                    int initialSelectedPosition) {
        super(options);
        this.context = context;
        this.onCategoryTagClicked = onCategoryTagClicked;
        this.selectedPosition = initialSelectedPosition;
    }

    @Override
    protected void onBindViewHolder(@NonNull TrendCategoryTagsHolder holder, int position, @NonNull CategorySelection model) {
        holder.categoryNameText.setText(model.getCategoryName());

        // 点击逻辑：更新选中索引 -> 刷新新旧两个选中项的背景态 -> 主动触发接口回调
        holder.categoryNameContainer.setOnClickListener(view -> {
            int previousPosition = selectedPosition;
            // 使用BindingAdapterPosition避免列表复用导致的位置错乱
            selectedPosition = holder.getBindingAdapterPosition();
            // 旧选中项刷新为灰色背景
            notifyItemChanged(previousPosition);
            // 新选中项刷新为高亮黑色背景
            notifyItemChanged(selectedPosition);
            // 点击后传递当前选中的分类名
            onCategoryTagClicked.onTagClick(model.getCategoryName());
        });

        // 绑定逻辑仅负责根据选中索引设置背景，不混放接口回调
        if (selectedPosition == position) {
            holder.categoryNameContainer.setBackground(ContextCompat.getDrawable(context, R.drawable.black_rounded_bg));
        } else {
            holder.categoryNameContainer.setBackground(ContextCompat.getDrawable(context, R.drawable.grey_rounded_bg));
        }
    }

    @NonNull
    @Override
    public TrendCategoryTagsHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View v = LayoutInflater.from(context).inflate(R.layout.trendcategory_cell, parent, false);
        return new TrendCategoryTagsHolder(v);
    }

    public static class TrendCategoryTagsHolder extends RecyclerView.ViewHolder {
        RelativeLayout categoryNameContainer;
        TextView categoryNameText;

        public TrendCategoryTagsHolder(@NonNull View itemView) {
            super(itemView);
            categoryNameContainer = itemView.findViewById(R.id.categoryNameContainer);
            categoryNameText = itemView.findViewById(R.id.categoryNameText);
        }
    }

    public interface OnCategoryTagClicked {
        void onTagClick(String categoryName);
    }
}

2. 修正Fragment侧逻辑 #

在初始化Adapter时传入默认选中位置，保证初始高亮态与显示文本一致；在onTagClick回调中直接更新顶部TextView的文本，无需等待页面重建。

public class TrendingFragment extends Fragment implements TrendCategoryTagsAdapter.OnCategoryTagClicked {

    RecyclerView trendingCategoryRV;
    TextView noPostTV, selectedCategoryText;

    FirebaseFirestore db = FirebaseFirestore.getInstance();
    CollectionReference categoryRef;
    // 默认初始选中分类
    private final String INITIAL_CATEGORY = "Art";
    private String selectedCategory = INITIAL_CATEGORY;

    TrendCategoryTagsAdapter trendCategoryTagsAdapter;

    public TrendingFragment() {
        // Required empty public constructor
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_trending, container, false);

        trendPostRV = view.findViewById(R.id.trendPostRV);
        trendingCategoryRV = view.findViewById(R.id.trendingCategoryRV);
        noPostTV = view.findViewById(R.id.noPostTV);
        selectedCategoryText = view.findViewById(R.id.selectedCategoryText);
        // 初始状态直接展示默认分类文本
        selectedCategoryText.setText(selectedCategory);

        setUpTrendCategoryTagsRV();
        setUpTrendingPostRV();
        return view;
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        trendCategoryTagsAdapter.startListening();
    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();
        trendCategoryTagsAdapter.stopListening();
    }

    private void setUpTrendCategoryTagsRV() {
        categoryRef = db.collection("Categories");
        Query query = categoryRef.orderBy("categoryName", Query.Direction.ASCENDING);

        FirestoreRecyclerOptions<CategorySelection> options = new FirestoreRecyclerOptions.Builder<CategorySelection>()
                .setQuery(query, CategorySelection.class)
                .build();

        // 按字母升序排列时Art是列表第一个元素，对应初始选中位置为0
        // 若后续分类列表排序逻辑调整，可在数据加载完成后遍历列表，匹配INITIAL_CATEGORY的位置再传入
        int initialSelectedPos = 0;
        trendCategoryTagsAdapter = new TrendCategoryTagsAdapter(options, getContext(), this, initialSelectedPos);

        trendingCategoryRV.setNestedScrollingEnabled(false);
        LinearLayoutManager trendingTagsLM = new LinearLayoutManager(getContext(), LinearLayoutManager.HORIZONTAL, false);
        trendingCategoryRV.setLayoutManager(trendingTagsLM);
        trendingCategoryRV.setAdapter(trendCategoryTagsAdapter);
    }

    @Override
    public void onTagClick(String categoryName) {
        // 收到回调立刻更新顶部文本，无需等待页面重建
        selectedCategory = categoryName;
        selectedCategoryText.setText(selectedCategory);
        // 在此处补充原有逻辑：根据选中分类加载对应列表内容
    }
}

• 页面首次加载时，默认的Art标签自动显示黑色高亮边框，顶部同步展示Art分类文本
• 点击任意标签时，原高亮标签自动切回灰色背景，被点击的标签即时显示黑色高亮，同时顶部TextView同步更新为选中的分类名，无延迟
• 列表滚动、数据刷新时不会触发重复的接口回调，不会出现选中态错乱的问题

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