Question

I wanted to make a ListView where the items have two pressable pieces, like the layouts that show up in a couple of places in the stock Android phone/contacts application:

I have the layout working fine, including handling events from each piece separately, except for a visual issue when the smaller piece is pressed. In my application the smaller piece only gets a small ellipse for the background when it is pressed, like this:

Note that is actually not my application – that is NubDial, but my application has the same problem. Since NubDial uses the exact same XML layout as the phone app, I’m not sure how relevant the list item layouts are, but here they are anyway:

Contacts list: contacts_list_item.xml
NubDial: contacts_list_item.xml

Does anybody know what might be happening there?

Answer 1

The layout was using this background drawable for the button on the right:

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

    <item android:state_window_focused="false"
        android:drawable="@android:color/transparent" />
    <item android:state_focused="false" android:state_pressed="true"
        android:drawable="@*android:drawable/list_selector_background_transition" />
    <item android:state_focused="false" android:state_pressed="false"
        android:drawable="@android:drawable/screen_background_dark"/>

</selector>

Copying the list_selector_background_transition drawable and its images into my project fixed the issue. I thought this was pretty odd, and I would have liked to use the system drawable if possible. Anyone know what was going on?