How to add button caption on image button

Question

I am going to use image button in my app And I need to display button caption on the button I'm using this code but it did not show caption

<ImageButton 
    android:id="@+id/try_button"
    android:background="@drawable/custom_button"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:layout_margin="10dp"
    android:text="@string/trybutton_caption" />

How can I do this?

Thank you.

score 2 · Accepted Answer · edited Sep 07 '15 at 09:07

2

Use Button instead of ImageButton.

There use:

android:drawableTop="@drawable/image"
android:text="@string/text"

FYI by using drawableTop, the drawable will be drawn above the text.

edited Sep 07 '15 at 09:07

Raymond Lukanta

495
3
14

answered Apr 28 '13 at 12:40

stinepike

54,068
14
92
112

@Tikitaka it seems you thanked me ,, accepted my answer then accept another answer... anyways .. best of luck – stinepike Apr 28 '13 at 15:10
Sorry friend,I'm still new to Stackoverflow That is a mistake – Tikitaka Apr 28 '13 at 15:15
no i didnt asked for the acceptance,I just noted it . You should accept answer when you are confident about it .. – stinepike Apr 28 '13 at 15:18
no friend ,I solved my problem by using your answer after without knowing i clicked that one sorry – Tikitaka Apr 28 '13 at 15:20

score 2 · Answer 2 · edited Dec 17 '16 at 11:38

2

Finally I did that with your help:

<Button 
    android:id="@+id/try_button"
    android:background="@drawable/custom_button"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:layout_margin="10dp"
    android:text="@string/trybutton_caption"/>

edited Dec 17 '16 at 11:38

Termininja

6,620
12
48
49

answered Apr 28 '13 at 15:19

Tikitaka

460
2
7
15

Eric Parshall · Answer 3 · 2013-04-28T12:57:55.467

You need to create a layout that contains an image view and a text view. You then use the onClick event of the parent layout to treat it like a button. Here is an example:

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:background="@color/image_button_background"
    android:gravity="center"
    android:onClick="doCustomers"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:src="@drawable/ic_menu_box" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:paddingBottom="10dp"
        android:text="Customers" />

</LinearLayout>

score 0 · Answer 4 · answered Apr 28 '13 at 12:43

0

Another option might be to create a TextView and set the compound drawable top to your image:

android:drawableTop="@drawable/custom_button"

or through code:

textView.setCompoundDrawableWithIntrinsicBounds(0, R.drawable.custom_button, 0, 0)

answered Apr 28 '13 at 12:43

britzl

10,132
7
41
38

How to add button caption on image button

4 Answers4