Changing background color of ListView items on Android

Question

How can I change background color of ListView items on a per-item basis  When I use android backgroundColor in the ListView item layout I can achieve this  however the list selector is no longer visible  I can make the selector visible again by setting drawSelectorOnTop to true but then the selector overlays the whole item   Any ideas how to change those background colors and keep the selector   PS I would rather not change the selector itself   EDIT  Authors of GMail application have managed to achieve exactly this so it s definitely possible

User · Answer

This is a modification based on the above code, a simplest code:

private static int save = -1;

public void onListItemClick(ListView parent, View v, int position, long id) { 

    parent.getChildAt(position).setBackgroundColor(Color.BLUE);

    if (save != -1 && save != position){
        parent.getChildAt(save).setBackgroundColor(Color.BLACK);
    }

    save = position;                

}

I hope you find it useful

greetings!

User · Answer

Did you mean to change the background color of the custom listitems when you click on it   If so   You just add the following code to your listview layout in xml        android drawSelectorOnTop  true    android listSelector   android drawable list selector background      The list selector here uses default selector which has a dark grey color  You can make your own drawable and assign it to the list selector as above   Hope this is what you wanted

User · Answer

the easiest way is this  Inside your ListArrayAdapter just do this  if your condition here  rowView setBackgroundColor Color parseColor   20FFFFFF       don t over complicate

User · Answer

If the setBackgroundColor is added for onItemClick event  it will not work unless you can put it after the click event   Try to add debug code in the adapter s getView method  you will find that getView will be called again whenever you click on the screen   So  after you set the background color  the system will redraw the screen with original setting   Don t know why it waste resource to rebuild the screen whenever it s being click  there already have other way that we can notify the system to redraw the screen when needed   Maybe you can add some control flag to determine the background color for individual row  then modify the getView method to set the color according to this control flag   So  the background color will be changed when it redraw the screen   I m also looking for an official solution on it

User · Answer

mAgendaListView setOnItemClickListener new OnItemClickListener     public void onItemClick AdapterView lt   gt  parent  View view  int position  long id      view setBackgroundColor Color RED    for int i 0  i lt parent getChildCount    i           if i    position                        parent getChildAt i  setBackgroundColor Color BLUE               else                       parent getChildAt i  setBackgroundColor Color BLACK

User · Answer

The best tutorial on this can be found here    Key sections    Surely call view setSelected true  in onItemClick  otherwise the you can t see the selected item background Preserve the order of states in your selector otherwise you ll see unpredictable behavior in background colors  state selected followed by state pressed

User · Answer

You can do This    final List lt String gt  fruits list   new ArrayList lt String gt  Arrays asList fruits            Create an ArrayAdapter from List     final ArrayAdapter lt String gt  arrayAdapter   new ArrayAdapter lt String gt               this  android R layout simple list item 1  fruits list            Override         public View getView int position  View convertView  ViewGroup parent                  Get the current item from ListView             View view   super getView position convertView parent               if position  2    1                                   Set a background color for ListView regular row item                 view setBackgroundColor Color parseColor   FFB6B546                               else                                  Set the background color for alternate row item                 view setBackgroundColor Color parseColor   FFCCCB4C                               return view                           DataBind ListView with items from ArrayAdapter     lv setAdapter arrayAdapter

User · Answer

In the list view you can add  android listselector color name that you want   this work fine in my app

User · Answer

No one seemed to provide any examples of doing this solely using an adapter  so I thought I would post my code snippet for displaying ListViews where the  curSelected  item has a different background   final ListView lv    ListView findViewById R id lv   lv setAdapter new BaseAdapter         public View getView int position  View convertView  ViewGroup parent                if  convertView    null                        convertView   new TextView ListHighlightTestActivity this               convertView setPadding 10  10  10  10                 TextView convertView  setTextColor Color WHITE                      convertView setBackgroundColor  position    curSelected                 Color argb 0x80  0x20  0xa0  0x40    Color argb 0  0  0  0              TextView convertView  setText  String getItem position             return convertView             public long getItemId int position                return position             public Object getItem int position                return  item     position             public int getCount                 return 20              This has always been a helpful approach for me for when appearance of list items needs to change dynamically

User · Answer

You have to create a different state drawable for each color you want to use    For example  list selector read xml and list selector unread xml    All you need to do is set everything to transparent except the android state window focused  false  item     Then when you are drawing your list you call                setBackgroundResource R drawable list selector unread read  for each row     You don t set a listSelector on the ListView at all  That will maintain the default selector for your particular flavor of Android

User · Answer

From the source code of Android s 2 2 Email App    lt selector xmlns android  http   schemas android com apk res android  gt       lt item android state window focused  false  android state selected  true          android drawable   android color transparent    gt       lt item android state selected  true          android drawable   android color transparent    gt       lt item android state pressed  true  android state selected  false          android drawable   android color transparent    gt       lt item android state selected  false          android drawable   color message item read    gt   lt  selector gt    Nothing more to say

User · Answer

Simple code to change all in layout of item  custom listview extends baseadapter    lv setOnItemClickListener new OnItemClickListener               Override         public void onItemClick AdapterView lt   gt  arg0  View arg1  int arg2                  long arg3                 RelativeLayout layout  RelativeLayout  arg1 findViewById R id rel cell left               layout setBackgroundColor Color YELLOW

User · Answer

Following way very slowly in the running  mAgendaListView setOnItemClickListener new OnItemClickListener     public void onItemClick AdapterView lt   gt  parent  View view  int position  long id      view setBackgroundColor Color RED    for int i 0  i lt parent getChildCount    i           if i    position                        parent getChildAt i  setBackgroundColor Color BLUE               else                       parent getChildAt i  setBackgroundColor Color BLACK                Replaced by the following  int pos   0  int save   -1       Override     public void onItemClick AdapterView lt   gt  parent  View view  int position              long id                  Always set the item clicked blue background             view setBackgroundColor Color BLUE                if  pos    0                    if  save    -1                        parent getChildAt save  setBackgroundColor Color BLACK                                     save   position                  pos                    Log d  Pos   0    Running                   else                   parent getChildAt save  setBackgroundColor Color BLACK                   save   position                  pos   0                  Log d  Pos   0    Running

User · Answer

By changing a code of Francisco Cabezas  I got the following   private int selectedRow   -1         Override public void onItemClick AdapterView lt   gt  parent  View view  int position  long id        parent getChildAt position  setBackgroundResource R color orange       if  selectedRow    -1  amp  amp  selectedRow    position            parent getChildAt selectedRow  setBackgroundResource R color black             selectedRow   position

User · Answer

I tried all answers above    none worked for me    this is what worked eventually and is used in my application    it will provide read unread list items colors while maintaining listselector styles for both states      lt ListView                 android id    id list                  android layout width  match parent                  android layout height  match parent                  android listSelector   drawable selectable item background general                  android drawSelectorOnTop  true                  android fadingEdge  none                  android scrollbarStyle  outsideOverlay                  android choiceMode  singleChoice    gt    selectable item background general xml      lt selector xmlns android  http   schemas android com apk res android  android exitFadeDuration   android integer config mediumAnimTime  gt       lt item android state pressed  false  android state focused  true  android drawable   drawable bg item selected drawable    gt       lt item android state pressed  true  android drawable   drawable bg item selected drawable    gt       lt item android drawable   android color transparent    gt   lt  selector gt    bg item selected drawable xml      lt shape xmlns android  http   schemas android com apk res android  gt       lt solid android color   12000000    gt   lt  shape gt    notification list itemlayout xml      lt RelativeLayout              xmlns android  http   schemas android com apk res android              android id    id rowItemContainer              android layout width  fill parent              android layout height  wrap content  gt        lt RelativeLayout          android layout width  fill parent          android layout height  wrap content          android padding  8dp          android paddingLeft  16dp          android paddingStart  16dp          android paddingRight  16dp          android paddingEnd  16dp  gt                lt ImageView                 android id    id imgViewIcon                  android layout width  60dp                  android layout height  60dp                  android src   drawable cura logo symbol small                  android layout alignParentLeft  true                  android layout alignParentStart  true                  android layout marginRight  8dp                  android layout marginEnd  8dp    gt               lt TextView                 android id    id tvNotificationText                  android layout width  wrap content                  android layout height  wrap content                  android layout alignTop    id imgViewIcon                  android layout toRightOf    id imgViewIcon                  android layout toEndOf    id imgViewIcon                  android textSize   dimen subtitle                  android textStyle  normal    gt               lt TextView                 android id    id tvNotificationTime                  android layout width  fill parent                  android layout height  wrap content                  android layout marginTop  1dip                  android layout below    id tvNotificationText                  android layout toRightOf    id imgViewIcon                  android layout toEndOf    id imgViewIcon                  android textSize   dimen subtitle    gt           lt  RelativeLayout gt   lt  RelativeLayout gt    Finally  in your adapter     if   Model Read      rowItemContainer SetBackgroundColor  Android Graphics Color ParseColor    FFFDD0        unread color else     rowItemContainer SetBackgroundColor  Android Graphics Color White      read color

User · Answer

Take a look at List14 example  In getView   you can call convertView setBackgroundDrawable   for each entry  You could have a class member counter to decide which background to call it with to get alternating backgrounds  for example

User · Answer

Ok  I got it to work like this    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  false  android drawable   color BackgroundColor    gt       lt item android drawable   color transparent    gt   lt  selector gt    YMMV

[android] Changing background color of ListView items on Android

Examples related to android

Examples related to listview

Examples related to colors