I want to put image over button

Question

I want to put png image over button i tried android:background but the png takes all the button what i want exactly is to use the logo png over button like this

enter image description here

the info logo is my png and "about" comes from the button text

An alternative to this is using a RelativeLayout, put ImageView as its child. Now treat this RelativeLayout as a button. — schnill, Nov 06 '14 at 07:49

Rikkert09 · Accepted Answer · 2014-11-06T07:59:47.193

5

u can use this:

android:drawableTop="@drawable/SomeIcon"

so then you get this:

<Button
android:id="@+id/damage"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="about"
android:drawableTop="@android:drawable/ic_menu_info_details"/>

enter image description here

it works for me :)

edited Nov 06 '14 at 07:59

answered Nov 06 '14 at 07:50

Rikkert09

190
1
1
11

score 1 · Answer 2 · answered Nov 06 '14 at 07:50

You can use a FrameLayout. In a FrameLayout, the z-index is defined by the order in which the items are added, for example

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button_text" />
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/my_drawable"
        android:scaleType="fitCenter"/>
</FrameLayout>

In this instance, the ImageView would be drawn on top of the Button, along the bottom center of the Button.

score 1 · Answer 3 · edited May 23 '17 at 12:22

1

You can check this thread Basically, you can use:

<ImageButton
    android:id="@+id/ImageButton01"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/album_icon"
    android:background="@drawable/round_button" />

As the thread says.

edited May 23 '17 at 12:22

Community

1
1

answered Nov 06 '14 at 07:53

Benjamin RD

11,516
14
87
157

score 1 · Answer 4 · answered Nov 06 '14 at 07:59

Take a RelativeLayout, place ImageView inside it. Now set onClickListener on RelativeLayout. By this way you can create more complex buttons.

<RelativeLayout android:id="@+id/your_btn_id" 
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true" />
</RelativeLayout>

score 0 · Answer 5 · answered Nov 06 '14 at 08:09

0

you can use

android:drawableTop

to put drawable at top of Button and use appropriate padding to make it position well.

answered Nov 06 '14 at 08:09

Kirtan

1,782
1
13
35

score 0 · Answer 6 · answered Jun 18 '15 at 07:33

0

 <Buttton
        android:layout_width="99dp"
        android:layout_height="99dp"
        android:background = "@drawable/bg" />

bg is your custom image.

answered Jun 18 '15 at 07:33

Shivputra N

688
7
17

I want to put image over button

6 Answers6