android ImageButton gets gray background

Question

i have a Button with a nice background selector. fine. in stead of text in the button, i want an image. i have tried just changing it to an ImageButton with a src attribute. when i do this, it looks like a gray background is overlaid behind my selector, behind the src image.

when i change back to a regular Button, the problem goes away. what i want is just my background selector, plus the src image (in stead of the button text).

any ideas?

Answer 1

What @kdumitru said, but with the correct XML stylesheet:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true" android:drawable="@android:color/transparent" />
    <item android:state_pressed="true" android:drawable="@android:color/transparent" />
    <item android:drawable="@android:color/transparent" />
</selector>

Answer 2

I would say you might not be referencing the image correctly in R.drawable maybe you need to place image in drawable? ImageView does work.

Answer 3

Can you post a screenshot of what you're seeing? Hard to tell exactly what you're saying, but it sounds like your src image may not have a proper alpha channel. Is it a PNG with transparency? Make sure your src image is a properly saved, transparent PNG image.

Answer 4

ImageButton should have android:background set.

<ImageButton 
    android:id="@+id/ibArrow"
    android:layout_width="35px"
    android:layout_height="50px"
    android:src="@drawable/arrow"
    android:background="@drawable/backgroundstate" />   

And backgroundstate:

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_selected="true" android:drawable="@color/transparent" />
        <item android:state_pressed="true" android:drawable="@color/transparent" />
    <item android:drawable="@color/transparent" />
   </selector>