How to Add Onclick Listener to Recycler View

RecyclerView onClick

As the API's have radically changed, It wouldn't surprise me if you were to create an OnClickListener for each item. It isn't that much of a hassle though. In your implementation of RecyclerView.Adapter<MyViewHolder>, you should have:

private final OnClickListener mOnClickListener = new MyOnClickListener();

@Override
public MyViewHolder onCreateViewHolder(final ViewGroup parent, final int viewType) {
    View view = LayoutInflater.from(mContext).inflate(R.layout.myview, parent, false);
    view.setOnClickListener(mOnClickListener);
    return new MyViewHolder(view);
}

The onClick method:

@Override
public void onClick(final View view) {
    int itemPosition = mRecyclerView.getChildLayoutPosition(view);
    String item = mList.get(itemPosition);
    Toast.makeText(mContext, item, Toast.LENGTH_LONG).show();
}

How to implement OnClickListener in RecyclerView?

Your approach of using an Index variable is right, add getter and setter method for the index. But you can't set the onClickListener on the adapter. Instead, set the listener on the card view like this ->

holder.card.setOnItemClickListener(new ClickListener() {
            @Override
            public void onItemClick(int position, View v) {
                index = position;
                notifyDataSetChanged();
            }
        });

Add this method inside your adapter class ->

public int getSelectedIndex(){
    return this.index; }

After that, from your Activity, inside your NEXT button's onClickListener do the following thing,

    btnNext.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        if(profileAdapter.getSelectedIndex() == 1)
//goto activity of your desire and so on
                    }
                });

RecyclerView Item Click Listener the Right Way

You need to check this tutorial here for better understanding on how you can achieve the behaviour that you want.

In case of handling the onClickListener from your activity you need to work based on a callback implementation with an interface. Pass the interface from the activity to your adapter and then call the callback function from your adapter when some items are clicked.

Here's a sample implementation from the tutorial.

Let us first have the interface.

public interface OnItemClickListener {
    void onItemClick(ContentItem item);
}

You need to modify your adapter to take the listener as the parameter like the one stated below.

private final List<ContentItem> items;
private final OnItemClickListener listener;

public ContentAdapter(List<ContentItem> items, OnItemClickListener listener) {
    this.items = items;
    this.listener = listener;
}

Now in your onBindViewHolder method, set the click listener.

@Override public void onBindViewHolder(ViewHolder holder, int position) {
    holder.bind(items.get(position), listener);
}

public void bind(final ContentItem item, final OnItemClickListener listener) {
    ...
    itemView.setOnClickListener(new View.OnClickListener() {
        @Override public void onClick(View v) {
            listener.onItemClick(item);
        }
    });
}

Now setting the adapter in your RecyclerView.

recycler.setAdapter(new ContentAdapter(items, new ContentAdapter.OnItemClickListener() {
    @Override public void onItemClick(ContentItem item) {
        Toast.makeText(getContext(), "Item Clicked", Toast.LENGTH_LONG).show();
    }
}));

So the whole adapter code looks like the following.

public class ContentAdapter extends RecyclerView.Adapter<ContentAdapter.ViewHolder> {

    public interface OnItemClickListener {
        void onItemClick(ContentItem item);
    }

    private final List<ContentItem> items;
    private final OnItemClickListener listener;

    public ContentAdapter(List<ContentItem> items, OnItemClickListener listener) {
        this.items = items;
        this.listener = listener;
    }

    @Override public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.view_item, parent, false);
        return new ViewHolder(v);
    }

    @Override public void onBindViewHolder(ViewHolder holder, int position) {
        holder.bind(items.get(position), listener);
    }

    @Override public int getItemCount() {
        return items.size();
    }

    static class ViewHolder extends RecyclerView.ViewHolder {

        private TextView name;
        private ImageView image;

        public ViewHolder(View itemView) {
            super(itemView);
            name = (TextView) itemView.findViewById(R.id.name);
            image = (ImageView) itemView.findViewById(R.id.image);
        }

        public void bind(final ContentItem item, final OnItemClickListener listener) {
            name.setText(item.name);
            Picasso.with(itemView.getContext()).load(item.imageUrl).into(image);
            itemView.setOnClickListener(new View.OnClickListener() {
                @Override public void onClick(View v) {
                    listener.onItemClick(item);
                }
            });
        }
    }
}

How to add Onclick listener to recycler view

You can handle this using two ways

1). Gesture touch
https://www.google.co.in/amp/sapandiwakar.in/recycler-view-item-click-handler/amp/

2).Using interface in adapter
https://antonioleiva.com/recyclerview-listener/

I suggest second way using interface

How to use interface for recycleritemclick

public class RecycleViewAdapter extends 
  RecyclerView.Adapter<RecycleViewHolder> {// Recyclerview will extend to
  private List<FileName> fileNames;
  private Context context;

//declare interface 
  private OnItemClicked onClick;

//make interface like this
  public interface OnItemClicked {
        void onItemClick(int position);
  }

  public RecycleViewAdapter(Context context,List<FileName> fileNames) {
    this.context = context;
    this.fileNames = fileNames;
  }

Now assign click to interface

@Override
public void onBindViewHolder(RecycleViewHolder holder, final int position) {
  //............//
  holder.title.setOnClickListener(new View.OnClickListener() {
     @Override
     public void onClick(View v) {
        onClick.onItemClick(position);
     }
  });
}

At the end of the adapter class up from finishing bracket make one method to assign itemclick to interface

public void setOnClick(OnItemClicked onClick){
    this.onClick=onClick;
}

In MainActivity.java
Bind the item click with adapter

public class MainActivity extends Activity implements OnItemClicked {
 
    private RecyclerView mRecyclerView;
    private CityAdapter mAdapter;
    private List<City> cities;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_city);

        mRecyclerView = (RecyclerView)findViewById(R.id.list);
        mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
        
        mAdapter = new CityAdapter(cities, R.layout.row_city, this);
        mRecyclerView.setAdapter(mAdapter);
 
        mAdapter.setOnClick(MainActivity.this); // Bind the listener
    }
 
    @Override
    public void onItemClick(int position) {
    // The onClick implementation of the RecyclerView item click
    //ur intent code here
    }
}

For Kotlin code please refer How to handle recyclerview item click in kotlin?

More queries? comment.

RecyclerView And onClicklistener

Use interface for this purpose. In your CustomAdapter declare that interface and in ViewHolder override the click listener method and pass items from adapter you want. Currently I am passing position only you can pass anything here. I have make changes in your code just check below.

import android.content.Context;
import android.support.v7.widget.PopupMenu;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import com.bumptech.glide.Glide;

import java.util.List;

public class CustomAdapter extends RecyclerView.Adapter<CustomAdapter.ViewHolder> {

    protected CustomClicklistener mListener;
    private List<MyList> list;
    private Context mCtx;
    private CustomClicklistener clickListener;

    public interface CustomClicklistener {
        void onItemClick(int position);
    }

    public CustomAdapter(List<MyList> list, Context mCtx, CustomClicklistener
            clickListener) {
        this.list = list;
        this.mCtx = mCtx;
        this.clickListener = clickListener;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View v = LayoutInflater.from(parent.getContext())
                .inflate(R.layout.list_items, parent, false);
        return new ViewHolder(v);
    }

    @Override
    public void onBindViewHolder(final CustomAdapter.ViewHolder holder, final int position) {
        MyList myList = list.get(position);

        //loading the image
        Glide.with(mCtx)
                .load(myList.getUrl())
                .into(holder.imageView);

        holder.textViewHead.setText(myList.getHead());
        holder.textViewDesc.setText(myList.getDesc());
        //holder.textViewDesc.setText(myList.getIdofdata());
        holder.buttonViewOption.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {

                //creating a popup menu
                PopupMenu popup = new PopupMenu(mCtx, holder.buttonViewOption);
                //inflating menu from xml resource
                popup.inflate(R.menu.options_menu);
                //adding click listener
                popup.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
                    @Override
                    public boolean onMenuItemClick(MenuItem item) {
                        switch (item.getItemId()) {
                            case R.id.menu1:
                                //handle menu1 click
                                holder.textViewHead.setText("moshiri" + holder.textViewHead.getText()  );

                                break;
                            case R.id.menu2:
                                //holder.textViewHead.setText("new" + holder.textViewDesc.getText()  );
                                holder.textViewHead.setText("mohsen hi dear");
                                break;
                            case R.id.menu3:
                                holder.textViewHead.setText("@@@@@@@@@@@@@@@@@@" + list.indexOf(this));
                                holder.textViewDesc.setText("############" + list.indexOf(this));
                                //MainActivity me=new MainActivity();
                                MainActivity.ss=77;
                                removeItem(3);

                                break;
                        }
                        return false;
                    }
                });
                //displaying the popup
                popup.show();

            }
        });
    }

    @Override
    public int getItemCount() {
        return list.size();
    }

    public void removeItem(int position) {
        list.remove(position);
        notifyItemRemoved(position);
        notifyItemRangeChanged(position, getItemCount() );
        //      notifyDataSetChanged();
    }

    public class ViewHolder extends RecyclerView.ViewHolder  implements View.OnClickListener  {

        public TextView textViewHead;
        public TextView textViewDesc;
        public TextView buttonViewOption;
        public ImageView imageView;

        public ViewHolder(View itemView) {
            super(itemView);
            itemView.setOnClickListener(this);

            textViewHead = (TextView) itemView.findViewById(R.id.textViewHead);
            textViewDesc = (TextView) itemView.findViewById(R.id.textViewDesc);
            buttonViewOption = (TextView) itemView.findViewById(R.id.textViewOptions);
            imageView = (ImageView) itemView.findViewById(R.id.imageView);
        }

        @Override
        public void onClick(View view) {
            if (mListener != null) {
                mListener.onItemClick(getAdapterPosition());
                notifyDataSetChanged();
            }
        }
    }

}

In MainActivity you can get that clicklistener like below in oncCreate METHOD AT THE END

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.widget.ImageView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity   {
    CustomAdapter.CustomClicklistener clickListener;
    Toast toast ;
    ImageView hahaha;
    protected static int ss=77;
    //recyclerview objects
    private RecyclerView recyclerView;
    private RecyclerView.LayoutManager layoutManager;
    private RecyclerView.Adapter adapter;
    public  int xxx=222;

    //model object for our list data
    private List<MyList> list;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //initializing views
        recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
        recyclerView.setHasFixedSize(true);
        recyclerView.setLayoutManager(new LinearLayoutManager(this));

        list = new ArrayList<>();
        //loading list view item with this function
        loadRecyclerViewItem();

        clickListener = new CustomAdapter.CustomClicklistener() {
            @Override
            public void onItemClick(int position) {
                // Do what you want here
                Toast.makeText(MainActivity.this, "This ... " , Toast.LENGTH_LONG).show();
            }
        };

    }

    private void loadRecyclerViewItem() {
        //you can fetch the data from server or some apis
        //for this tutorial I am adding some dummy data directly
        for (int i = 1; i <= 7; i++) {
            MyList myList = new MyList(
                    "Heading " + i,
                    "id = " + i,
                    "https://media.alalamtv.net/news/image/855x495//2015/02/16/alalam_635596703961833722_25f_4x3.jpg",
                    "HHHHHH" + i

            );
            list.add(myList);
        }

        adapter = new CustomAdapter(list, this, clickListener);
        recyclerView.setAdapter(adapter);

    }
}

How to add onClickListener on images in recyclerView?

I'm Java Developer so I cannot code with Kotlin but I'll show you how to set OnClickListener on your imageView. For using OnclickListener on imageView no need for Glide Library.
Just add the below lines in your onBindViewHolder

holder.imageView.setOnClickListener(view -> {
            Toast.makeText(context, "this is number: "+position+" Image Selected", Toast.LENGTH_SHORT).show();
            // or your code for imageView
        });

Your new code looks like the below:-

override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        // Array with urls
        val url = urls[position]

//code for onClick on image
holder.imageView.setOnClickListener(view -> {
            Toast.makeText(context, "this is number: "+position+" Image Selected", Toast.LENGTH_SHORT).show();
            // or your code for imageView
        });

        Glide.with(context)
            .load(url)
            .diskCacheStrategy(DiskCacheStrategy.ALL)
            .placeholder(R.drawable.placeholder)
            .into(holder.imageView)
    }

Make sure to change JAVA to Kotlin in my code. If you any problem is causing, Let me know

How can I set onclick listener in my recyclerview with cardview and retreive the data from firebase database when i click the recyclerview?

Simple way is add onClickListener inside onBindViewHolder

holder.itemView.setOnClickListener {
            // call listener or just start required activity with data
        }

Because you can`t send non plain type object to Activity you must implements Categories from Parcelable and later use intent.putExtra().

How to implement onClick in RecyclerView Adapter with databinding using Kotlin

It is not a good practice to handle click inside your adapter. And don't use interface just for this. Use this instead.

class YourRecyclerViewAdapter(private val onSelect: (YourDataType?) -> Unit) : RecyclerView.Adapter<YourRecyclerViewAdapter.YourViewHolder>() {

    override fun onBindViewHolder(holder: YourViewHolder, position: Int) {
        holder.bind(getItem(position), onSelect)
    }

    class ViewHolder(private val binding: YourViewBinding) : RecyclerView.ViewHolder(binding.root) {

        fun bind(yourDataType: YourDataType?, onSelect: (YourDataType?) -> Unit) {

           // bind your view here
           binding.root.setOnClickListener {
               onSelect(yourDataType)
           }
        }
    }
}

In your Fragment/Activity

// Set this adapter to your recycler view
val adapter = YourRecyclerViewAdapter { yourDataType-> 
    // Handle click here
}

---

Related Topics