首页 > 解决方案 > 如何使用 RecyclerView 创建可选标签?

问题描述

我想使用可以选择产生结果的 RecyclerView 创建标签。

在此处输入图像描述

我想要实现的是,当我点击右上角的 Books TextView 时,必须立即更改为 Books。在我的情况下,当我点击 Books 时,它只会停留在 Art 中,并且只有在我替换片段时才会用 Books 替换 Art。单击时我也会突出显示按钮(将边框从灰色更改为黑色),但在更改片段后突出显示再次返回艺术。不久,我想在单击时突出显示按钮并根据单击的按钮文本更改 TextView 内容。我通过使用 interfacews 部分实现了它,但没有得到我想要的。我提供了以下代码:

TrendCategoryTagsAdapter.java:

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

    Context context;
    onCategoryTagClicked onCategoryTagClicked;

    int row_index;

    public TrendCategoryTagsAdapter(@NonNull FirestoreRecyclerOptions<CategorySelection> options, Context context, com.rajabmammadli.paragrafredesign.Interface.onCategoryTagClicked onCategoryTagClicked) {
        super(options);
        this.context = context;
        this.onCategoryTagClicked = onCategoryTagClicked;
    }

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

        holder.categoryNameContainer.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                row_index = position;
                notifyDataSetChanged();
            }
        });

        if (row_index == position) {
            holder.categoryNameContainer.setBackground(ContextCompat.getDrawable(context, R.drawable.black_rounded_bg));
            onCategoryTagClicked.onTagClick(holder.categoryNameText.getText().toString());
        } 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 TrendCategoryTagsAdapter.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);
        }
    }

}

Trendcategory_cell.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="5dp">

    <RelativeLayout
        android:id="@+id/categoryNameContainer"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/grey_rounded_bg">

        <TextView
            android:id="@+id/categoryNameText"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="@font/gilroyregular"
            android:padding="15dp"
            android:text="categoryname"
            android:textColor="@android:color/black" />

    </RelativeLayout>

</RelativeLayout>

TrendingFragment.java:

public class TrendingFragment extends Fragment implements onCategoryTagClicked {

    RecyclerView trendingCategoryRV;
    TextView noPostTV, selectedCategoryText;

    FirebaseFirestore db = FirebaseFirestore.getInstance();
    CollectionReference categoryRef;
    String selectedCategory = "Art";

    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();
        // Inflate the layout for this fragment
        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();

        trendCategoryTagsAdapter = new TrendCategoryTagsAdapter(options, getContext(), this);

        trendingCategoryRV.setNestedScrollingEnabled(false);

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

    @Override
    public void onTagClick(String categoryName) {
        selectedCategory = categoryName;
    }
}

任何帮助将不胜感激。提前致谢

标签: javaandroidgoogle-cloud-firestoreandroid-recyclerview

解决方案


推荐阅读