setOnItemClickListener on FirebaseRecyclerAdapter

Question

My project uses Firebase Firestore UI in order to show collections using RecyclerView + CardView combo in a fragment, I've used adapter provided by FirestoreUI itself.

FirestoreRecyclerAdapter

However, I'm unable to set an onItemClickListener on every card which shows up.

FirestoreRecyclerAdapter adapter = new FirestoreRecyclerAdapter<Record, recordViewHolder>(options) {
        @Override
        public void onDataChanged() {
            progressBar.setVisibility(View.GONE);

        }

        @Override
        public void onError(@NonNull FirebaseFirestoreException e) {
            Log.e(TAG, "onError: ", e);
        }

        @Override
        protected void onBindViewHolder(@NonNull recordViewHolder holder, int position, @NonNull Record record) {

            holder.date.setText(String.valueOf(record.getFullDate()));
            holder.qty.setText(String.valueOf(record.getQty()));
            holder.rate.setText(String.valueOf(record.getRate()));
            holder.total.setText(String.valueOf(record.getTotal()));
            holder.milkType.setText(String.valueOf(record.getMilkType()));

        }

        @NonNull
        @Override
        public recordViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            LayoutInflater inflater = LayoutInflater.from(getContext());
            View view = inflater.inflate(R.layout.record_logs_card, parent, false);
            return new recordViewHolder(view, mListener);
        }


    };

Setting onItemClickListener like this results in a huge mess of syntactical error.

FirestoreRecyclerAdapter adapter = new FirestoreRecyclerAdapter<Record, recordViewHolder>(options, setOnItemClickListener(new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

        }
    });) {
        @Override
        public void onDataChanged() {
            progressBar.setVisibility(View.GONE);

        }

        @Override
        public void onError(@NonNull FirebaseFirestoreException e) {
            Log.e(TAG, "onError: ", e);
        }

        @Override
        protected void onBindViewHolder(@NonNull recordViewHolder holder, int position, @NonNull Record record) {

            holder.date.setText(String.valueOf(record.getFullDate()));
            holder.qty.setText(String.valueOf(record.getQty()));
            holder.rate.setText(String.valueOf(record.getRate()));
            holder.total.setText(String.valueOf(record.getTotal()));
            holder.milkType.setText(String.valueOf(record.getMilkType()));

        }

        @NonNull
        @Override
        public recordViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            LayoutInflater inflater = LayoutInflater.from(getContext());
            View view = inflater.inflate(R.layout.record_logs_card, parent, false);
            return new recordViewHolder(view, mListener);
        }


    };

How do I actually set onItemClickListener, when the adapter is itself a variable rather than an extended class of RecyclerAdapter and pass the position in order to extract the exact card tapped?

Thanks

Answer 1

Make an interface to handle clicks with RecyclerViews

to do it first create a class named FirebaseViewHolder

public class FirebaseViewHolder extends RecyclerView.ViewHolder {

    public ImageView mImageView;
    public TextView mPostTitle;
    public TextView mPostDesc;

    public FirebaseViewHolder(View itemView) {
        super(itemView);

        mImageView = (ImageView) itemView.findViewById(R.id.image_recyclerview);
        mPostTitle = (TextView) itemView.findViewById(R.id.tv_title_recyclerview_item);
        mPostDesc = (TextView) itemView.findViewById(R.id.tv_desc_recyclerview_item);

        //listener set on ENTIRE ROW, you may set on individual components within a row.
        itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mClickListener.onItemClick(v, getAdapterPosition());

            }
        });
        itemView.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View v) {
                mClickListener.onItemLongClick(v, getAdapterPosition());
                return true;
            }
        });

    }
    private FirebaseViewHolder.ClickListener mClickListener;

    //Interface to send callbacks...
    public interface ClickListener{
        public void onItemClick(View view, int position);
        public void onItemLongClick(View view, int position);
    }

    public void setOnClickListener(FirebaseViewHolder.ClickListener clickListener){
        mClickListener = clickListener;
    }
}

and then just in your onCreateViewHolder

 @NonNull
        @Override
        public recordViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            LayoutInflater inflater = LayoutInflater.from(getContext());
            View view = inflater.inflate(R.layout.record_logs_card, parent, false);

 viewHolder.setOnClickListener(new FirebaseViewHolder.ClickListener() {
                    @Override
                    public void onItemClick(View view, int position) {
                        Toast.makeText(getActivity(), "Item clicked at " + position, Toast.LENGTH_SHORT).show();
                    }

                    @Override
                    public void onItemLongClick(View view, int position) {
                        Toast.makeText(getActivity(), "Item long clicked at " + position, Toast.LENGTH_SHORT).show();
                    }
                });

            return new recordViewHolder(view, mListener);
        }

Note that the first class just declares the views you're going to be clicking, so, instead of the variables I have mentioned, you should do it with your own.

Answer 2

Try inside the onBindViewHolder Method below code,

holder.view.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {

                        DatabaseReference dbRef = firebaseRecyclerAdapter.getRef(position);
                        String device = dbRef.getKey();

                        Toast.makeText(getApplicationContext(), device, Toast.LENGTH_SHORT).show();

                    }
                });

But this is Firebase Database UI code I think this will helpful you to get an understand about usage.

Answer 3

I tried the second Answer " Gastón Saillén " . But I put second code for viewHolder.setOnClickListener in onBindViewHolder instead onCreateViewHolder without return statement . And it works well