android listview items background

Question

I needed to change the background of listview items when normal and when selected..

I used:

    <ListView
    android:id="@+id/resultLV"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"        
    android:listSelector="@drawable/list_selector"        
    android:scrollbars="none" />

Where list_selector.xml is:

 <?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android">

 <!-- Selector style for listrow -->
 <item android:drawable="@drawable/listoff" android:state_pressed="false"   
 android:state_selected="false"/>
 <item android:drawable="@drawable/liston" android:state_pressed="true"/>
 <item android:drawable="@drawable/listoff"/>

 </selector>

The problem is, when the activity starts, the background of listview items is not changed to listoff background.. But when i select an item, it correctly changes to liston background and when released it changes to listoff background..

So my problem is at start, why it doesn't appear with listoff background drawable?

Thanks

Post your list item. In case you have any clickable there add selector to list item. — Atul O Holic, Mar 20 '14 at 12:10
Great. Should have posted as an answer ;-). Let know if you need any further help. — Atul O Holic, Mar 20 '14 at 13:07
Many thanks :) if you want, add it as an answer and i will accept it, your answer was direct and exact solution to the issue.. Thanks again.. — H.Android, Mar 20 '14 at 13:34

score 1 · Answer 1 · answered Mar 20 '14 at 13:41

Add the selector to the ListView item instead of ListView itself, as when there are clickables with a ListItem the click event responds to the Items first. :)

You can verify this by adding logs in onClick method of the ListView item and the onItemClick of ListView and you will notice that onClick event will be called skipping the onItemClick of ListView.

Glad to help you. :)

score 0 · Answer 2 · answered Mar 20 '14 at 12:20

The problem on your xml selector drawable.Instaed of gradiant color please put your drawable image.

Please have look @ this drawables

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

<selector xmlns:android="http://schemas.android.com/apk/res/android" android:dither="true">

  <item android:state_pressed="true"><shape>
  <gradient android:angle="0" android:endColor="#0080FF" android:startColor="#0080FF" />        </shape></item>
    <item><shape>
      <gradient android:angle="0" android:endColor="#3B5998" android:startColor="#3B5998" />


        </shape></item>

</selector>

Hope this will help you

score 0 · Answer 3 · answered Mar 20 '14 at 13:19

try this one..

<!-- Tab widget design -->
<item android:drawable="@drawable/listpres" android:state_pressed="true" android:state_selected="false"></item>
<item android:drawable="@drawable/list" android:state_pressed="false" android:state_selected="false"></item>
<item android:drawable="@drawable/listpres" android:state_selected="true"></item>

android listview items background

3 Answers3