How to properly highlight selected item on RecyclerView

Question

I am trying to use a RecyclerView as a horizontal ListView  I am trying to figure out how to highlight the selected item  When I click on one of the items  it gets selected and it is highlighted properly but when I click on another one  the second one gets highlighted with the older one    Here is my onClick function    Override public void onClick View view         if selectedListItem  null           Log d TAG   selectedListItem     getPosition           item           selectedListItem setBackgroundColor Color RED             Log d TAG   onClick     getPosition           item       viewHolderListener onIndexChanged getPosition         selectedPosition   getPosition        view setBackgroundColor Color CYAN        selectedListItem   view      Here is the onBindViewHolder    Override public void onBindViewHolder ViewHolder viewHolder  int position           viewHolder setItem fruitsData position        if selectedPosition    position          viewHolder itemView setBackgroundColor Color CYAN           else         viewHolder itemView setBackgroundColor Color RED

User · Answer

As noted in this linked question  setting listeners for viewHolders should be done in onCreateViewHolder   That said  the implementation below was originally aimed at multiple selection  but I threw a hack in the snippet to force single selection   1     an array of selected items  Integer indices   private final ArrayList lt Integer gt  selected   new ArrayList lt  gt         items coming into view  Override public void onBindViewHolder final ViewHolder holder  final int position           each time an item comes into view  its position is checked        against  quot selected quot  indices     if   selected contains position               view not selected         holder parent setBackgroundColor Color LTGRAY             else            view is selected         holder parent setBackgroundColor Color CYAN         selecting items  Override public boolean onLongClick View v                        select  set color  immediately          v setBackgroundColor Color CYAN                 1             forcing single selection here            if  selected isEmpty                 selected add position       done - see note           else               int oldSelected   selected get 0               selected clear         1     and here              selected add position                  note  We do not notify that an item has been selected                because that work is done here   We instead send                notifications for items which have been deselected              notifyItemChanged oldSelected                     return false

User · Answer

this is my solution  you can  set on an item  or a group  and deselect it with another click     private final ArrayList lt Integer gt  seleccionados   new ArrayList lt  gt      Override     public void onBindViewHolder final ViewHolder viewHolder  final int i            viewHolder san setText android versions get i  getAndroid version name             if   seleccionados contains i                 viewHolder inside setCardBackgroundColor Color LTGRAY                     else               viewHolder inside setCardBackgroundColor Color BLUE                     viewHolder itemView setOnClickListener new View OnClickListener                  Override             public void onClick View view                    if  seleccionados contains i                        seleccionados remove seleccionados indexOf i                         viewHolder inside setCardBackgroundColor Color LTGRAY                     else                        seleccionados add i                       viewHolder inside setCardBackgroundColor Color BLUE

User · Answer

there is no selector in RecyclerView like ListView and GridView but you try below thing it worked for me  create a selector drawable as below   lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt    lt item android state pressed  true  gt      lt shape gt            lt solid android color   color blue    gt      lt  shape gt   lt  item gt    lt item android state pressed  false  gt       lt shape gt          lt solid android color   android color transparent    gt       lt  shape gt   lt  item gt   lt  selector gt    then set this drawable as background of your RecyclerView row layout as  android background   drawable selector

User · Answer

Look on my solution  I suppose that you should set selected position in holder and pass it as Tag of View   The view should be set in the onCreateViewHolder      method  There is also correct place to set listener for view such as OnClickListener or LongClickListener   Please look on the example below and read comments to code   public class MyListAdapter extends RecyclerView Adapter lt MyListAdapter ViewHolder gt          Here is current selection position     private int mSelectedPosition   0      private OnMyListItemClick mOnMainMenuClickListener   OnMyListItemClick NULL                   constructor  method which allow to set list yourObjectList       Override     public ViewHolder onCreateViewHolder ViewGroup parent  int viewType              here you prepare your view             inflate it            set listener for it         final ViewHolder result   new ViewHolder view           final View view    LayoutInflater from parent getContext    inflate R layout your view layout  parent  false           view setOnClickListener new View OnClickListener                  Override             public void onClick View view                      here you set your current position from holder of clicked view                 mSelectedPosition   result getAdapterPosition                       here you pass object from your list - item value which you clicked                 mOnMainMenuClickListener onMyListItemClick yourObjectList get mSelectedPosition                       here you inform view that something was change - view will be invalidated                 notifyDataSetChanged                                      return result              Override     public void onBindViewHolder ViewHolder holder  int position            final YourObject yourObject   yourObjectList get position            holder bind yourObject           if mSelectedPosition    position              holder itemView setBackgroundColor Color CYAN           else             holder itemView setBackgroundColor Color RED                 you can create your own listener which you set for adapter     public void setOnMainMenuClickListener OnMyListItemClick onMyListItemClick            mOnMainMenuClickListener   onMyListItemClick    null   OnMyListItemClick NULL   onMyListItemClick             static class ViewHolder extends RecyclerView ViewHolder             ViewHolder View view                super view                      private void bind YourObject object                 bind view with yourObject                      public interface OnMyListItemClick           OnMyListItemClick NULL   new OnMyListItemClick                  Override             public void onMyListItemClick YourObject item                                       void onMyListItemClick YourObject item

User · Answer

This is much simple way to do it   Have a private int selectedPos   RecyclerView NO POSITION  in the RecyclerView Adapter class  and under onBindViewHolder method try    Override public void onBindViewHolder ViewHolder viewHolder  int position           viewHolder itemView setSelected selectedPos    position        And in your OnClick event modify    Override public void onClick View view         notifyItemChanged selectedPos        selectedPos   getLayoutPosition         notifyItemChanged selectedPos        Works like a charm for Navigtional Drawer and other RecyclerView Item Adapters   Note  Be sure to use a background color in your layout using a selector like colabug clarified    lt selector xmlns android  http   schemas android com apk res android  gt     lt item android drawable   color pressed color  android state pressed  true   gt     lt item android drawable   color selected color  android state selected  true   gt     lt item android drawable   color focused color  android state focused  true   gt   lt  selector gt    Otherwise setSelected     will do nothing  rendering this solution useless

User · Answer

I think  I ve found the best tutorial on how to use the RecyclerView with all basic functions we need  single multiselection  highlight  ripple  click and remove in multiselection  etc       Here it is --  http   enoent fr blog 2015 01 18 recyclerview-basics   Based on that  I was able to create a library  FlexibleAdapter   which extends a SelectableAdapter  I think this must be a responsibility of the Adapter  actually you don t need to rewrite the basic functionalities of Adapter every time  let a library to do it  so you can just reuse the same implementation   This Adapter is very fast  it works out of the box  you don t need to extend it   you customize the items for every view types you need  ViewHolder are predefined  common events are already implemented  single and long click  it maintains the state after rotation and much much more   Please have a look and feel free to implement it in your projects   https   github com davideas FlexibleAdapter  A Wiki is also available

User · Answer

zIronManBox answer works flawlessly  Although it doesn t have the capability for unselection and unseleted items in the recyclerView  SO add  as before  a private int selectedPos   RecyclerView NO POSITION  in the RecyclerView Adapter class  and under onBindViewHolder method    Override public void onBindViewHolder ViewHolder viewHolder  int position           viewHolder itemView setSelected selectedPos    position       And also in your OnClick event    Override public void onClick View view         notifyItemChanged selectedPos        selectedPos   getLayoutPosition         notifyItemChanged selectedPos       Also add the following selector  drawable  in your layout   which includes a state selected  quot false quot  with a transparent color   lt selector xmlns android  quot http   schemas android com apk res android quot  gt     lt item android drawable  quot  color pressed color quot  android state pressed  quot true quot   gt     lt item android drawable  quot  color selected color quot  android state selected  quot true quot   gt     lt item android drawable  quot  color focused color quot  android state focused  quot true quot   gt     lt item android drawable  quot  android color transparent quot  android state selected  quot false quot   gt   lt  selector gt   Otherwise setSelected     will do nothing  rendering this solution useless

User · Answer

UPDATE  26 Jul 2017       As the Pawan mentioned in the comment about that IDE warning about not to using that   fixed position  I have just modified my code as below  The click   listener is moved to ViewHolder  and there I am getting the position   using getAdapterPosition   method   int selected position   0     You have to set this globally in the Adapter class   Override public void onBindViewHolder ViewHolder holder  int position        Item item   items get position           Here I am just highlighting the background     holder itemView setBackgroundColor selected position    position   Color GREEN   Color TRANSPARENT      public class ViewHolder extends RecyclerView ViewHolder implements View OnClickListener        public ViewHolder View itemView            super itemView           itemView setOnClickListener this               Override     public void onClick View v               Below line is just like a safety check  because sometimes holder could be null             in that case  getAdapterPosition   will return RecyclerView NO POSITION         if  getAdapterPosition      RecyclerView NO POSITION  return              Updating old as well as new positions         notifyItemChanged selected position           selected position   getAdapterPosition            notifyItemChanged selected position               Do your another stuff for your onClick           hope this ll help

User · Answer

I had same Issue and i solve it following way   The xml file which is using for create a Row inside createViewholder   just add below line     android clickable  true   android focusableInTouchMode  true   android background   attr selectableItemBackgroundBorderless    OR If you using frameLayout as a parent of row item then   android clickable  true  android focusableInTouchMode  true  android foreground   attr selectableItemBackgroundBorderless    In java code inside view holder where you added on click listener    Override    public void onClick View v           ur other code here     v setPressed true

User · Answer

Make selector     lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt item android drawable   color Green 10  android state activated  true    gt       lt item android drawable   color Transparent    gt   lt  selector gt    Set it as background at your list item layout      lt  xml version  1 0  encoding  utf-8   gt       lt 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 background   drawable selector attentions list item          android layout width  match parent          android layout height  64dp  gt    In your adapter add OnClickListener to the view  onBind method     Suppress  UNCHECKED CAST       inner class ViewHolder itemView  View    RecyclerView ViewHolder itemView             fun bindItems item  T                initItemView itemView  item              itemView tag   item             if  isClickable                    itemView setOnClickListener onClickListener                                  In the onClick event activate the view    fun onItemClicked view  View           view isActivated   true

User · Answer

Set private int selected position   -1  to prevent from any item being selected on start     Override  public void onBindViewHolder final OrdersHolder holder  final int position        final Order order   orders get position       holder bind order       if selected position    position             changes background color of selected item in RecyclerView         holder itemView setBackgroundColor Color GREEN         else           holder itemView setBackgroundColor Color TRANSPARENT             this updated an order property by status in DB         order setProductStatus  0              holder itemView setOnClickListener new View OnClickListener              Override         public void onClick View v                  status switch and DB update             if  order getProductStatus   equals  0                      order setProductStatus  1                    notifyItemChanged selected position                   selected position   position                  notifyItemChanged selected position                  else                   if  order getProductStatus   equals  1                           calls for interface implementation in                       MainActivity which opens a new fragment with                        selected item details                      listener onOrderSelected order

User · Answer

Decision with Interfaces and Callbacks  Create Interface with select and unselect states   public interface ItemTouchHelperViewHolder                  Called when the   link ItemTouchHelper  first registers an item as being moved or swiped         Implementations should update the item view to indicate it s active state              void onItemSelected                     Called when the   link ItemTouchHelper  has completed the move or swipe  and the active item        state should be cleared              void onItemClear        Implement interface in ViewHolder      public static class ItemViewHolder extends RecyclerView ViewHolder implements             ItemTouchHelperViewHolder            public LinearLayout container          public PositionCardView content           public ItemViewHolder View itemView                super itemView               container    LinearLayout  itemView              content    PositionCardView  itemView findViewById R id content                               Override     public void onItemSelected                            Here change of item                     container setBackgroundColor Color LTGRAY               Override     public void onItemClear                            Here change of item                     container setBackgroundColor Color WHITE             Run state change on Callback   public class ItemTouchHelperCallback extends ItemTouchHelper Callback        private final ItemTouchHelperAdapter mAdapter       public ItemTouchHelperCallback ItemTouchHelperAdapter adapter            this mAdapter   adapter              Override     public boolean isLongPressDragEnabled             return true              Override     public boolean isItemViewSwipeEnabled             return true              Override     public int getMovementFlags RecyclerView recyclerView  RecyclerView ViewHolder viewHolder            int dragFlags   ItemTouchHelper UP   ItemTouchHelper DOWN          int swipeFlags   ItemTouchHelper END          return makeMovementFlags dragFlags  swipeFlags               Override     public boolean onMove RecyclerView recyclerView  RecyclerView ViewHolder viewHolder  RecyclerView ViewHolder target                            Override     public void onSwiped final RecyclerView ViewHolder viewHolder  int direction                            Override     public void onSelectedChanged RecyclerView ViewHolder viewHolder  int actionState            if  actionState    ItemTouchHelper ACTION STATE IDLE                if  viewHolder instanceof ItemTouchHelperViewHolder                    ItemTouchHelperViewHolder itemViewHolder                            ItemTouchHelperViewHolder  viewHolder                  itemViewHolder onItemSelected                                    super onSelectedChanged viewHolder  actionState               Override     public void clearView RecyclerView recyclerView  RecyclerView ViewHolder viewHolder            super clearView recyclerView  viewHolder           if  viewHolder instanceof ItemTouchHelperViewHolder                ItemTouchHelperViewHolder itemViewHolder                        ItemTouchHelperViewHolder  viewHolder              itemViewHolder onItemClear                           Create RecyclerView with Callback  example    mAdapter   new BuyItemsRecyclerListAdapter MainActivity this  positionsList  new ArrayList lt BuyItem gt      positionsList setAdapter mAdapter   positionsList setLayoutManager new LinearLayoutManager this    ItemTouchHelper Callback callback   new ItemTouchHelperCallback mAdapter   mItemTouchHelper   new ItemTouchHelper callback   mItemTouchHelper attachToRecyclerView positionsList     See more in article of iPaulPro  https   medium com  ipaulpro drag-and-swipe-with-recyclerview-6a6f0c422efd  6gh29uaaz

User · Answer

I wrote a base adapter class to automatically handle item selection with a RecyclerView  Just derive your adapter from it and use drawable state lists with state selected  like you would do with a list view     I have a Blog Post Here about it  but here is the code   public abstract class TrackSelectionAdapter lt VH extends TrackSelectionAdapter ViewHolder gt  extends RecyclerView Adapter lt VH gt           Start with first item selected     private int focusedItem   0        Override     public void onAttachedToRecyclerView final RecyclerView recyclerView            super onAttachedToRecyclerView recyclerView               Handle key up and key down and attempt to move selection         recyclerView setOnKeyListener new View OnKeyListener                  Override             public boolean onKey View v  int keyCode  KeyEvent event                    RecyclerView LayoutManager lm   recyclerView getLayoutManager                        Return false if scrolled to the bounds and allow focus to move off the list                 if  event getAction      KeyEvent ACTION DOWN                        if  keyCode    KeyEvent KEYCODE DPAD DOWN                            return tryMoveSelection lm  1                         else if  keyCode    KeyEvent KEYCODE DPAD UP                            return tryMoveSelection lm  -1                                                            return false                                       private boolean tryMoveSelection RecyclerView LayoutManager lm  int direction            int tryFocusItem   focusedItem   direction              If still within valid bounds  move the selection  notify to redraw  and scroll         if  tryFocusItem  gt   0  amp  amp  tryFocusItem  lt  getItemCount                  notifyItemChanged focusedItem               focusedItem   tryFocusItem              notifyItemChanged focusedItem               lm scrollToPosition focusedItem               return true                     return false              Override     public void onBindViewHolder VH viewHolder  int i               Set selected state  use a state list drawable to style the view         viewHolder itemView setSelected focusedItem    i              public class ViewHolder extends RecyclerView ViewHolder           public ViewHolder View itemView                super itemView                   Handle item click and set the selection             itemView setOnClickListener new View OnClickListener                      Override                 public void onClick View v                           Redraw the old selection and the new                     notifyItemChanged focusedItem                       focusedItem   getLayoutPosition                        notifyItemChanged focusedItem

User · Answer

I couldn t find a good solution on the web for this problem and solved it myself  There are lot of people suffering from this problem  Thus i want to share my solution here   While scrolling  rows are recycled  Thus  checked checkboxes and highlighted rows do not work properly  I solved this problem by writing the below adapter class    I also implement a full project  In this project  you can select multiple checkboxes  Rows including selected checkboxes are highlighted  And more importantly  these are not lost while scrolling  You can download it from the link    https   www dropbox com s ssm58w62gw32i29 recyclerView checkbox highlight zip dl 0      public class RV Adapter extends RecyclerView Adapter lt RV Adapter ViewHolder gt            public ArrayList lt String gt  list          boolean   checkBoxState          MainActivity mainActivity          MyFragment myFragment          View firstview           private Context context           FrameLayout framelayout           public RV Adapter                       public RV Adapter Context context  MyFragment m  ArrayList lt String gt  list               this list   list            myFragment   m            this context   context            mainActivity    MainActivity  context            checkBoxState   new boolean list size                  relativeLayoutState   new boolean list size                        public class ViewHolder extends RecyclerView ViewHolder                public TextView textView              public CheckBox checkBox              RelativeLayout relativeLayout              MainActivity mainActivity              MyFragment myFragment              public ViewHolder View v MainActivity mainActivity MyFragment m                    super v                   textView    TextView  v findViewById R id tv foodname                                        checkBox   CheckBox  v findViewById R id checkBox                   relativeLayout    RelativeLayout v findViewById R id relativelayout                   this mainActivity   mainActivity                  this myFragment   m                  framelayout    FrameLayout  v findViewById R id framelayout                   framelayout setOnLongClickListener m                                      Override         public ViewHolder onCreateViewHolder ViewGroup parent  int viewType                LayoutInflater inflater   LayoutInflater from parent getContext                 firstview   inflater inflate R layout row  parent  false               return new ViewHolder firstview mainActivity  myFragment                       Override         public void onBindViewHolder  final ViewHolder holder   final int position                 holder textView setText list get position                 holder itemView setOnClickListener new View OnClickListener                    Override               public void onClick View v                                                     When action mode is active  checkboxes are displayed on each row  handle views move icons  on each row are disappered              if  myFragment is in action mode                               holder checkBox setVisibility View GONE                             else                             holder checkBox setVisibility View VISIBLE                 holder checkBox setChecked false                                holder checkBox setTag position                  holder checkBox setOnCheckedChangeListener new CompoundButton OnCheckedChangeListener                     Override                 public void onCheckedChanged CompoundButton compoundButton  boolean b                      if compoundButton isPressed       ekrandan kaybolan checkbox lar otomatik olarak state degistiriyordu ve bu listener method cagiriliyordu  bunu onlemek icin isPressed   method u ile kullanici mi basmis diye kontrol ediyorum                                          int getPosition    Integer  compoundButton getTag        Here we get the position that we have set for the checkbox using setTag                      checkBoxState getPosition    compoundButton isChecked       Set the value of checkbox to maintain its state                        relativeLayoutState getPosition    compoundButton isChecked                       if checkBoxState getPosition   amp  amp  getPosition    position                       holder relativeLayout setBackgroundResource R color food selected       Change background color of the selected items in list view                        else                     holder relativeLayout setBackgroundResource R color food unselected       Change background color of the selected items in list view                          myFragment prepareselection compoundButton  getPosition  holder relativeLayout                                                                          holder checkBox setChecked checkBoxState position                   if checkBoxState position                     holder relativeLayout setBackgroundResource R color food selected       Change background color of the selected items in list view                    else                 holder relativeLayout setBackgroundResource R color food unselected                         Override         public int getItemCount                 return list size                       public void updateList ArrayList lt String gt  newList             this list   newList            checkBoxState   new boolean list size   1                    public void resetCheckBoxState            checkBoxState   null          checkBoxState   new boolean list size                      Screenshots of the app

User · Answer

Just adding android background   attr selectableItemBackgroundBorderless  should work if you don t have background color  but don t forget to use setSelected method  If you have different background color  I just used this  I m using data-binding    Set isSelected at onClick function  b setIsSelected true     And add this to xml   android background     isSelected    color  color selected     color  color not selected

[android] How to properly highlight selected item on RecyclerView?

Examples related to android

Examples related to android-recyclerview