Android Button Customization

Question

May i ask how to put icon on my button like the image below?

And also where can i have resources or sample resources of buttons like this?

enter image description here

Check out my post over here .. stackoverflow.com/questions/20397575/… .. Simply replace with Image and place as you desire. — AndroidHacker
– AndroidHacker, Commented Jan 9, 2014 at 11:22
Check out my post over here .. stackoverflow.com/questions/20397575/… .. Simply replace with Image and place as you desire. — AndroidHacker
– AndroidHacker, Commented Jan 9, 2014 at 11:23

Ben Weiss · Accepted Answer · 2014-01-09 10:45:50Z

1

You'll need to set the drawable to the left of your Button. Either via xml or programmatically.

answered Jan 9, 2014 at 10:45

Ben Weiss

18.2k6 gold badges69 silver badges89 bronze badges

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

3 Comments

Toshi Over a year ago

do you have a sample of it?

stefana Over a year ago

samples are all over the net, sir.

Ben Weiss Over a year ago

Since there is no code from your side to add to, I'll stick with @Nfear's answer.

stefana · Accepted Answer · 2014-01-09 10:48:27Z

0

Either create a button and set a compound drawable or create an ImageButton.

answered Jan 9, 2014 at 10:48

stefana

2,6364 gold badges32 silver badges48 bronze badges

Comments

Autocrab · Accepted Answer · 2014-01-09 10:49:51Z

0

<TextView android:id="@+id/login_with_facebook"
          android:layout_width="100dp"
          android:height="48dp"
          android:text="FACEBOOK"
          android:gravity="center"
          android:drawableLeft="@drawable/facebook_icon_48_x_48"
          android:clickable="true"/>

answered Jan 9, 2014 at 10:49

Autocrab

3,8071 gold badge19 silver badges16 bronze badges

2 Comments

Toshi Over a year ago

textview? what i was asking was button sir. Thanks.

Autocrab Over a year ago

sir, its clickable as you can see, and user won't see any difference if this button or textview

user543 · Accepted Answer · 2014-01-09 10:52:50Z

0

<Button android:drawableLeft="@drawable/image"
         android:text="facebook"/>

If u want space between image and text, then give drawablePadding Like:

<Button android:drawableLeft="@drawable/image"
         android:text="facebook"
         android:drawablePadding="10dp"/>

answered Jan 9, 2014 at 10:52

user543

3,6332 gold badges19 silver badges14 bronze badges

Comments

imthegiga · Accepted Answer · 2014-01-09 11:35:16Z

using RelativeLayout it can be done easily. here I got snippet for you,

    <RelativeLayout 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true">

        <Button 
            android:id="@+id/fb_logo_button"
            android:text=""
            android:background="fb_logo"
            android:layout_height="match_parent"
            android:layout_width="match_parent"/>

        <Button 
            android:layout_toRightOf="@id/fb_logo_button"
            android:id="@+id/fb_text_button"
            android:text="Facebook"
            android:textAlignment="center"
            android:background="@android:color/holo_blue_bright"
            android:layout_height="match_parent"
            android:layout_width="match_parent"/>

    </RelativeLayout>

this will ensure that whatever your images are for respective DPIs, it will align this layout to center horizontally. Within this layout logo will be always to left of text as in picture.

This is applicable when your parent is also a RelativeLayout. If you got LinearLayout as parent then in above RelativeLayout tag change android:layout_centerHorizontal="true" to android:layout_gravity="center_horizontal"

I can't test it in eclipse as I'm out of home. Try this and let me know. Thanks.

Collectives™ on Stack Overflow

Android Button Customization

5 Answers 5

3 Comments

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

3 Comments

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related