Android: using image instead of text on a button

Question

I've been working on my android calculator and i can't seem to insert an image instead of text on a button. For example sqrt I don't want to have sqrt written on my button i want the image of the symbol on it, the same goes for x^y and alot of others. I have my custom background of the button working just fine. Thank you for your help in advance :)

EDIT: Thats not what i wanted i did manage to get my custom button and thats fine. On my button since its a calculator button i have android:text on it saying sqrt. I want to remove that and insert another png on my button showing the symbol of the square root instead of that text. Thank you for quick responses.

So change from Button to ImageButton and you can set background or src attribute to your image — Trung Nguyen
– Trung Nguyen, Commented Oct 18, 2012 at 10:33

Carnal · Accepted Answer · 2012-10-18 10:38:27Z

6

<Button 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" 
    android:drawableTop="@drawable/imageName"/>

You can have both text and image (or no text) when using the attribute drawableTop, drawableBottom, drawableLeft and drawableRight.

And for positioning the image how you want, consider using: paddingTop, paddingBottom, paddingLeft and paddingRight.

edited Oct 18, 2012 at 10:38

answered Oct 18, 2012 at 10:32

Carnal

22.1k6 gold badges62 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user1755934 Over a year ago

If i use that the symbol will be not in the center :(

Yogesh Somani · Accepted Answer · 2012-10-18 10:29:37Z

1

You can do this by ImageButton:

        <ImageButton
            android:id="@+id/submitEmailButton"
            android:layout_height="wrap_content" android:layout_width="wrap_content"
            android:layout_gravity="right" android:layout_marginRight="15dip"
            android:background="@drawable/ic_submit" />

Here ic_submit is the image you want to show as a button.

answered Oct 18, 2012 at 10:29

Yogesh Somani

2,6243 gold badges23 silver badges34 bronze badges

Comments

TurboTi · Accepted Answer · 2012-10-18 10:30:17Z

0

I used this tutorial and it worked perfectly for me: http://www.mkyong.com/android/android-imagebutton-selector-example/

I haven't seen your code but basically you should remove the "text" tag from your xml and it should appear the image without text then.

I don't know if that's exactly what you were looking for or not, but I reccomend you to follow the tutorial and for sure it will work for you ;)

answered Oct 18, 2012 at 10:30

TurboTi

1112 silver badges6 bronze badges

Comments

takecare · Accepted Answer · 2012-10-18 10:34:07Z

0

There are a number of alternatives you can try to implement to build your SQRT button:

draw the button as a 9-patch drawable so your SQRT symbol won't get distorted;
use a RelativeLayout with a button inside and implement a selector

answered Oct 18, 2012 at 10:34

takecare

1,9733 gold badges23 silver badges32 bronze badges

Comments

STT · Accepted Answer · 2012-10-18 12:11:26Z

0

You can simply set background for the Button and keep its text blank.

answered Oct 18, 2012 at 12:11

STT

2745 silver badges11 bronze badges

Collectives™ on Stack Overflow

Android: using image instead of text on a button

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related