Advanced onClick RecyclerView using Interface | RecyclerView item Click using Interface

In this tutorial, we’re going to create a recyclerView and apply on Click on the recyclerView using Interface. This the advanced way to apply items click on the recyclerView.

Before adding the interface first create recyclerView. Here I’m not going to explain how to create a recyclerView, if you don’t know how to create a recyclerView then go to my previous tutorial on recyclerView How to create RecyclerView in Android.

And if you’re familiar with it then just follow these steps to create recyclerView or we can create your own recyclerView.

Before applying the Interface callbacks

<?xml version=”1.0" encoding=”utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android=”http://schemas.android.com/apk/res/android"

xmlns:app=”http://schemas.android.com/apk/res-auto"

xmlns:tools=”http://schemas.android.com/tools"

android:layout_width=”match_parent”

android:layout_height=”match_parent”

tools:context=”.MainActivity”>

<androidx.recyclerview.widget.RecyclerView

android:id=”@+id/recyclerView”

android:layout_width=”match_parent”

android:layout_height=”match_parent”

app:layout_constraintBottom_toBottomOf=”parent”

app:layout_constraintEnd_toEndOf=”parent”

app:layout_constraintStart_toStartOf=”parent”

app:layout_constraintTop_toTopOf=”parent” />

</androidx.constraintlayout.widget.ConstraintLayout>

item_row.xml

<?xml version=”1.0" encoding=”utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android=”http://schemas.android.com/apk/res/android"

xmlns:app=”http://schemas.android.com/apk/res-auto"

xmlns:tools=”http://schemas.android.com/tools"

android:layout_width=”match_parent”

android:layout_height=”wrap_content”

android:padding=”5dp”

android:background=”?attr/selectableItemBackground”>

<ImageView

android:id=”@+id/imageView”

android:layout_width=”48dp”

android:layout_height=”48dp”

android:layout_marginStart=”16dp”

android:layout_marginTop=”16dp”

android:layout_marginBottom=”16dp”

app:layout_constraintBottom_toBottomOf=”parent”

app:layout_constraintStart_toStartOf=”parent”

app:layout_constraintTop_toTopOf=”parent”

app:srcCompat=”@android:drawable/btn_star_big_on” />

<TextView

android:id=”@+id/textView”

android:layout_width=”0dp”

android:layout_height=”wrap_content”

android:layout_marginStart=”16dp”

android:fontFamily=”@font/poppins_semibold”

android:text=”TextView”

android:textSize=”16sp”

android:textColor=”@android:color/black”

app:layout_constraintBottom_toTopOf=”@+id/rowCount”

app:layout_constraintEnd_toEndOf=”parent”

app:layout_constraintStart_toEndOf=”@+id/imageView”

app:layout_constraintTop_toTopOf=”parent” />

<TextView

android:id=”@+id/rowCount”

android:layout_width=”0dp”

android:layout_height=”wrap_content”

android:fontFamily=”@font/poppins_light”

android:text=”TextView”

android:textSize=”14sp”

app:layout_constraintBottom_toBottomOf=”parent”

app:layout_constraintEnd_toEndOf=”parent”

app:layout_constraintStart_toStartOf=”@+id/textView”

app:layout_constraintTop_toBottomOf=”@+id/textView” />

</androidx.constraintlayout.widget.ConstraintLayout>

RecyclerViewAdapter.java

import android.util.Log;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ImageView;

import android.widget.TextView;

import android.widget.Toast;

import androidx.annotation.NonNull;

import androidx.recyclerview.widget.RecyclerView;

import java.util.List;

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

private static final String TAG = “RecyclerAdapter”;

List<String> moviesList;

public RecyclerAdapter(List<String> moviesList) {

this.moviesList = moviesList;

}

@NonNull

@Override

public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {

LayoutInflater layoutInflater = LayoutInflater.from(parent.getContext());

View view = layoutInflater.inflate(R.layout.row_item, parent, false);

ViewHolder viewHolder = new ViewHolder(view);

return viewHolder;

}

@Override

public void onBindViewHolder(@NonNull ViewHolder holder, int position) {

holder.rowCountTextView.setText(String.valueOf(position));

holder.textView.setText(moviesList.get(position));

}

@Override

public int getItemCount() {

return moviesList.size();

}

class ViewHolder extends RecyclerView.ViewHolder implement View.OnClickListener {

ImageView imageView;

TextView textView, rowCountTextView;

public ViewHolder(@NonNull View itemView) {

super(itemView);

imageView = itemView.findViewById(R.id.imageView);

textView = itemView.findViewById(R.id.textView);

rowCountTextView = itemView.findViewById(R.id.rowCount);

itemView.setOnClickListener(new View.OnClickListener(this);

itemView.setOnLongClickListener(new View.OnLongClickListener() {

@Override

public boolean onLongClick(View view) {

moviesList.remove(getAdapterPosition());

notifyItemRemoved(getAdapterPosition());

return true;

}

});

}

@Override

public void onClick(View view){

Toast.makeText(view.getContext(), moviesList.get(getAdapterPosition()), Toast.LENGTH_SHORT).show();

}

}

}

MainActivity.java

import androidx.appcompat.app.AppCompatActivity;

import androidx.recyclerview.widget.DividerItemDecoration;

import androidx.recyclerview.widget.LinearLayoutManager;

import androidx.recyclerview.widget.RecyclerView;

import androidx.swiperefreshlayout.widget.SwipeRefreshLayout;

import android.os.Bundle;

import android.widget.Toast;

import java.util.ArrayList;

import java.util.List;

public class MainActivity extends AppCompatActivity {

RecyclerView recyclerView;

RecyclerAdapter recyclerAdapter;

List<String> moviesList;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

moviesList = new ArrayList<>();

recyclerView = findViewById(R.id.recyclerView);

recyclerAdapter = new RecyclerAdapter(moviesList);

recyclerView.setLayoutManager(new LinearLayoutManager(this));

recyclerView.setAdapter(recyclerAdapter);

DividerItemDecoration dividerItemDecoration = new DividerItemDecoration(this,

DividerItemDecoration.VERTICAL);

recyclerView.addItemDecoration(dividerItemDecoration);

moviesList.add(“Captain America”);

moviesList.add(“The Fantastic Four”);

moviesList.add(“Howard the Duck”);

moviesList.add(“Blade”);

moviesList.add(“X-Men”);

moviesList.add(“Spider-Man”);

moviesList.add(“Daredevil”);

moviesList.add(“Hulk”);

moviesList.add(“The Punisher”);

moviesList.add(“Ghost Rider”);

moviesList.add(“Iron Man”);

moviesList.add(“Thor”);

moviesList.add(“The Avengers”);

moviesList.add(“Guardians of the Galaxy”);

moviesList.add(“Ant-Man”);

moviesList.add(“Deadpool”);

moviesList.add(“Doctor Strange”);

moviesList.add(“Logan”);

moviesList.add(“Black Panther”);

moviesList.add(“Venom”);

moviesList.add(“Dark Phoenix”);

moviesList.add(“The New Mutants”);

}

}

After applying the Interface callbacks

  • For that first create an interface. Right-click on the java package and create a new java file, but make sure kind is to be an interface.
  • Inside here we create some methods that we would like to handle inside our main activity that when a person clicks on an item this method would be called.

RecyclerViewClickInterface.java

public interface RecyclerViewClickInterface {

void onItemClick(int position);

void onLongItemClick(int position);

}

  • Now let’s go to our MainActivity.java and implement the interface that we just created which was the recyclerView click interface.
  • Let’s go to the top of our class that is the Main Activity class it extends from AppCompatActivity but also implements our interface which we have just created.

public class MainActivity extends AppCompatActivity implements RecyclerViewClickInterface

after that we need to implement those two methods that we are created on our interface.

@Override

public void onItemClick(int position) {

}

@Override

public void onLongItemClick(int position) {

}

  • Now go to the RecyclerView Adapter class and create a variable for our interface and also change the constructor of the RecyclerAdapter.

private RecyclerViewClickInterface recyclerViewClickInterface;

public RecyclerAdapter(List<String> moviesList, RecyclerViewClickInterface recyclerViewClickInterface) {

this.moviesList = moviesList;

this.recyclerViewClickInterface = recyclerViewClickInterface;

}

  • Now inside our main java class where we called our adapter, it now needs one more argument that is the interface.

recyclerAdapter = new RecyclerAdapter(moviesList, this);

Here, this means the interface.

  • Now go to the adapter class where we set the item view set onClickListener, instead of passing it along with the item view now we pass the reference of the interface so that we can handle the on click from the main activity java file.
  • Make these changes in the Adapter class and Main Activity java file.

RecyclerViewAdapter.java

import android.util.Log;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ImageView;

import android.widget.TextView;

import android.widget.Toast;

import androidx.annotation.NonNull;

import androidx.recyclerview.widget.RecyclerView;

import java.util.List;

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

private static final String TAG = “RecyclerAdapter”;

List<String> moviesList;

private RecyclerViewClickInterface recyclerViewClickInterface;

public RecyclerAdapter(List<String> moviesList, RecyclerViewClickInterface recyclerViewClickInterface) {

this.moviesList = moviesList;

this.recyclerViewClickInterface = recyclerViewClickInterface;

}

@NonNull

@Override

public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {

LayoutInflater layoutInflater = LayoutInflater.from(parent.getContext());

View view = layoutInflater.inflate(R.layout.row_item, parent, false);

ViewHolder viewHolder = new ViewHolder(view);

return viewHolder;

}

@Override

public void onBindViewHolder(@NonNull ViewHolder holder, int position) {

holder.rowCountTextView.setText(String.valueOf(position));

holder.textView.setText(moviesList.get(position));

}

@Override

public int getItemCount() {

return moviesList.size();

}

class ViewHolder extends RecyclerView.ViewHolder {

ImageView imageView;

TextView textView, rowCountTextView;

public ViewHolder(@NonNull View itemView) {

super(itemView);

imageView = itemView.findViewById(R.id.imageView);

textView = itemView.findViewById(R.id.textView);

rowCountTextView = itemView.findViewById(R.id.rowCount);

itemView.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

recyclerViewClickInterface.onItemClick(getAdapterPosition());

}

});

itemView.setOnLongClickListener(new View.OnLongClickListener() {

@Override

public boolean onLongClick(View view) {

// moviesList.remove(getAdapterPosition());

// notifyItemRemoved(getAdapterPosition());

recyclerViewClickInterface.onLongItemClick(getAdapterPosition());

return true;

}

});

}

}

}

MainActivty.java

import androidx.appcompat.app.AppCompatActivity;

import androidx.recyclerview.widget.DividerItemDecoration;

import androidx.recyclerview.widget.LinearLayoutManager;

import androidx.recyclerview.widget.RecyclerView;

import androidx.swiperefreshlayout.widget.SwipeRefreshLayout;

import android.os.Bundle;

import android.widget.Toast;

import java.util.ArrayList;

import java.util.List;

public class MainActivity extends AppCompatActivity implements RecyclerViewClickInterface{

RecyclerView recyclerView;

RecyclerAdapter recyclerAdapter;

List<String> moviesList;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

moviesList = new ArrayList<>();

recyclerView = findViewById(R.id.recyclerView);

recyclerAdapter = new RecyclerAdapter(moviesList, this);

recyclerView.setLayoutManager(new LinearLayoutManager(this));

recyclerView.setAdapter(recyclerAdapter);

DividerItemDecoration dividerItemDecoration = new DividerItemDecoration(this,

DividerItemDecoration.VERTICAL);

recyclerView.addItemDecoration(dividerItemDecoration);

moviesList.add(“Captain America”);

moviesList.add(“The Fantastic Four”);

moviesList.add(“Howard the Duck”);

moviesList.add(“Blade”);

moviesList.add(“X-Men”);

moviesList.add(“Spider-Man”);

moviesList.add(“Daredevil”);

moviesList.add(“Hulk”);

moviesList.add(“The Punisher”);

moviesList.add(“Ghost Rider”);

moviesList.add(“Iron Man”);

moviesList.add(“Thor”);

moviesList.add(“The Avengers”);

moviesList.add(“Guardians of the Galaxy”);

moviesList.add(“Ant-Man”);

moviesList.add(“Deadpool”);

moviesList.add(“Doctor Strange”);

moviesList.add(“Logan”);

moviesList.add(“Black Panther”);

moviesList.add(“Venom”);

moviesList.add(“Dark Phoenix”);

moviesList.add(“The New Mutants”);

}

@Override

public void onItemClick(int position) {

Toast.makeText(this, moviesList.get(position), Toast.LENGTH_SHORT).show();

}

@Override

public void onLongItemClick(int position) {

Toast.makeText(this, moviesList.get(position) + “ Removed”, Toast.LENGTH_SHORT).show();

moviesList.remove(position);

recyclerAdapter.notifyItemRemoved(position);

}

}

Output

Hi everyone, myself Golap an Android app developer with UI/UX designer.