Android Layout and Image Buttons and Gray Border

Question

I saw several threads about this, but definitely didn’t want me to search.

I have a button with an image overlapping a black background.

Image buttons have a huge gray border. I tried to turn off the border and make the border black ... It fails. I just want the buttons on the screen with a transparent background and, if possible, expand a little wider. NO GRAY.

Any clue?

</LinearLayout> <LinearLayout android:layout_width="wrap_content" style="@android:style/ButtonBar" android:layout_height="wrap_content" android:orientation="vertical"> <ImageButton android:layout_height="wrap_content" android:src="@drawable/map" android:id="@+id/ImageButton1" android:layout_width="fill_parent"> </ImageButton> <ImageButton android:layout_height="wrap_content" android:src="@drawable/list" android:id="@+id/ImageButton2" android:layout_width="fill_parent"> </ImageButton> <ImageButton android:layout_height="wrap_content" android:src="@drawable/share" android:id="@+id/ImageButton3" android:layout_width="fill_parent"> </ImageButton> </LinearLayout> </LinearLayout> 

Answer 1

I think I know what you're talking about. Give it a try. You want to enable android:background="@null" to get rid of this gray outline.

For example, in your layout, where you declare ImageButton:

 <ImageButton android:background="@null" ...> . . . </ImageButton>