ImageButton Border Transparency - How do I remove the square border around round image?

Question

I think my image is transparent, but I am seeing a grey background appearing around the edges of my image which is round. So instead of nice transparent round ImageButton I am seeing square edges. I need to provide height or it complains but now I have outline of grey/silver square instread of just round image.

Answer 1

Set this attribute in your ImageButton XML android:background="@null"

<ImageButton android:src="@drawable/yourimagename"
     android:id="@+id/thebuttonid"
     android:layout_width = "wrap_content"
     android:layout_height = "wrap_content"
     android:background="@null"
     />

Answer 2

Or just set the background to Android's transparent color

<ImageButton android:src="@drawable/yourimagename"
     android:id="@+id/thebuttonid"
     android:layout_width = "wrap_content"
     android:layout_height = "wrap_content"
     android:background="@android:color/transparent"
     />

Answer 3

You could use ImageButton.setBackgroundResource(int) (android:background attribute) which will get rid of that border.

Costi