How to create button with image & text

Question

Friends,

I want to display a button in android like mentioned in screenshot.

Could anyone guide me through how to achieve this?

enter image description here

possible duplicate of [Android: combining text & image on a Button or ImageButton](http://stackoverflow.com/questions/1532876/android-combining-text-image-on-a-button-or-imagebutton) — Kaarel, Jun 06 '11 at 14:40

score 3 · Answer 1 · answered Jun 06 '11 at 14:34

Use a normal Butto with drawableLeft attribute. See my sample code:

<Button android:layout_width="100dip" 
    android:layout_height="wrap_content"
    android:text="Refresh"
    android:drawableLeft="@drawable/ic_btn_refresh"
    android:id="@+id/btn_refresh" />

score 1 · Answer 2 · answered Jun 06 '11 at 14:29

1

You could use 9-patch fot background. You can specify padding area there (bottom and right lines), so background will be stretchable while text will not cover image. :)

answered Jun 06 '11 at 14:29

woodshy

4,085
3
22
21

score 0 · Accepted Answer · answered Jun 06 '11 at 14:29

0

There is the ImageButton which you can use for that.

But I'm not sure how to make the Text on the button look like the Text in your screenshot. I would simply create the image with the text and then use it for the ImageButton.

answered Jun 06 '11 at 14:29

Lukas Knuth

25,449
15
83
111

If you have images with text on them, then maintaining and localizing them becomes a hassle. – Kaarel Jun 06 '11 at 14:35
You can create Images for every supported language and if those images are just for some buttons, the shouldn't be to large. – Lukas Knuth Jun 06 '11 at 14:38

score 0 · Answer 4 · answered Jun 06 '11 at 14:37

0

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableLeft="@drawable/refresh"
android:text="Refresh"/>

answered Jun 06 '11 at 14:37

mysuperass

1,199
1
9
10

How to create button with image & text

4 Answers4

Linked