How to highlight a view in a RecyclerView

Question

I was trying to change the background color when selecting an item in a RecyclerView but since this is a fairly new feature there isn't any quick and easy answers out there. Selectors didn't work for me either.

List item xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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:id="@+id/list_item_bg"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

</android.support.constraint.ConstraintLayout>

Java code

public class ScheduleTabAdapter extends RecyclerView.Adapter<ScheduleTabAdapter.ScheduleViewHolder> {

 public class ScheduleViewHolder extends RecyclerView.ViewHolder {

            @Bind(R.id.list_item_bg) ConstraintLayout mCL_BG;

            private Context mContext;

        //This is used for setting onClick methods for each item
        public ScheduleViewHolder(View itemView) {
            super(itemView);
            ButterKnife.bind(this, itemView);
            mContext = itemView.getContext();
        }

   }

build.gradle

 annotationProcessor 'com.jakewharton:butterknife:7.0.1'
 implementation 'com.jakewharton:butterknife:7.0.1'

Wow, that is a beauty. Added it to the answer. So much cleaner. — Greg432, Jul 12 '18 at 05:37

Greg432 · Answer 1 · 2018-07-12T05:38:13.480

Update Follow this guide

https://stackoverflow.com/a/49704439/6147989

Old answer

Add this line of code to the ScheduleViewHolder(View itemView) method.

   itemView.setOnTouchListener(new View.OnTouchListener() {
                @Override
                public boolean onTouch(View v, MotionEvent event) {

                    if (event.getAction() == MotionEvent.ACTION_MOVE){
                        mCL_BG.setBackgroundColor(Color.GRAY);
                    } else {
                        mCL_BG.setBackgroundColor(Color.TRANSPARENT);
                    }
                    return false;
                }
            });

//interesting fact, this will not work unless you have a OnClickListener
            itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {


                }
            });

Are you testing questioning and answering on SO? – Khemraj Sharma Jul 12 '18 at 05:09 — Khemraj Sharma, Jul 12 '18 at 05:09

score 0 · Accepted Answer · answered Jul 12 '18 at 05:55

0

Add android:background="?android:attr/selectableItemBackground" to the parent element of the layout that your RecyclerView adapter inflates (i.e your Recycler item layout)

Use this link for detail explanation

answered Jul 12 '18 at 05:55

MashukKhan

1,946
1
27
46

How to highlight a view in a RecyclerView

2 Answers2