How can I replace ButterKnife with ViewBinding on RecyclerView Adapter

Question

I would like to use the new View Binding instead of ButterKnife in my RecyclerView Adapter class?

This is my class :

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.cardview.widget.CardView;
import androidx.recyclerview.widget.RecyclerView;

import com.gallosalocin.mareu.R;
import com.gallosalocin.mareu.model.Meeting;

import java.util.List;

import butterknife.BindView;
import butterknife.ButterKnife;

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

private List<Meeting> meetingsList;
private OnItemClickListener onItemClickListener;

MeetingRecyclerViewAdapter(List<Meeting> meetings, OnItemClickListener onItemClickListener) {
    this.meetingsList = meetings;
    this.onItemClickListener = onItemClickListener;
}

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

@Override
public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
    Meeting meeting = meetingsList.get(position);
    String descriptionItems = String.format("%1$s - %2$s - %3$s", meeting.getTopic(), meeting.getTime(), meeting.getRoom());

    holder.roomColor.setImageResource(meeting.getRoomColor());
    holder.description.setText(descriptionItems);
    holder.email.setText(meeting.getEmail());

}

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


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

    @BindView(R.id.iv_cardview_image)
    ImageView roomColor;
    @BindView(R.id.tv_cardview_description)
    TextView description;
    @BindView(R.id.tv_cardview_email)
    TextView email;
    @BindView(R.id.iv_cardview_delete_btn)
    ImageView deleteImage;
    @BindView(R.id.cardview_meeting)
    CardView cardView;

    OnItemClickListener onItemClickListener;

    ViewHolder(@NonNull View itemView, OnItemClickListener onItemClickListener) {
        super(itemView);
        ButterKnife.bind(this, itemView);
        this.onItemClickListener = onItemClickListener;

        deleteImage.setOnClickListener(this);
    }

    @Override
    public void onClick(View view) {
        if (view.getId() == R.id.iv_cardview_delete_btn) {
            onItemClickListener.onDeleteClick(getAdapterPosition());
        }
    }
}

    public interface OnItemClickListener {
        void onDeleteClick(int position);
    }
}

I try this but I have this issue.

The_issue

In fact, I would like to remove all the code lines with @BindView to make the code more readable. Sorry for my english if I make mistakes.

Answer 1

For those who want the complete solution :

class YourAdapter() : ListAdapter<YourCategory, YourAdapter.YourViewHolder>() {

override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): YourViewHolder {
    val binding = YourItemBinding.inflate(LayoutInflater.from(parent.context), parent, false)
    return YourViewHolder(binding)
}

override fun onBindViewHolder(holder: YourViewHolder, position: Int) {
    // your stuff
}

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

        binding.apply {

            // your stuff
        }
    }
}