Android button with icon and text

Question

I have some buttons like this in my app        lt Button         android id    id bSearch          android layout width  fill parent          android layout height  wrap content          android padding  16dp          android text  Search          android textSize  24sp    gt    I m trying to create a same button with text and a icon   android drawableLeft doesn t work for me  Maybe it would  but i don t know how to set a max height to the icon    So i created a LinearLayout with a ImageView and a TextView and made it act like a button        lt LinearLayout         android id    id bSearch2          android layout width  fill parent          android layout height  wrap content          android background   android drawable btn default          android clickable  true          android padding  16dp          android orientation  horizontal   gt            lt ImageView             android layout width  wrap content              android layout height  wrap content              android layout gravity  center vertical              android layout marginLeft  5dp              android adjustViewBounds  true              android maxHeight  30dp              android maxWidth  30dp              android scaleType  fitCenter              android src   drawable search icon    gt            lt TextView             android id    id tvSearchCaption              android layout width  fill parent              android layout height  wrap content              android layout gravity  center vertical              android textSize  24sp              android paddingRight  30dp              android gravity  center              android text  Search    gt       lt  LinearLayout gt    My new button is exactly what i want  font size  icon and text placement    But it doesn t look like my default buttons     So i tried  to change the background and the text color of my new Button   Button Search    Button  findViewById R id bSearch   LinearLayout bSearch2    LinearLayout  findViewById R id bSearch2   bSearch2 setBackground bSearch getBackground     TextView tvSearchCaption    TextView findViewById R id tvSearchCaption   tvSearchCaption setTextColor bSearch getTextColors   getDefaultColor       This gives a strange result  my old button  gets messed up     When i change the order of these two buttons in the XML  so the  new button  goes first  it makes another strange result     Now i noticed  that when i try to press the old button  the new one gets pressed   Any ideas

User · Answer

This is what you really want     lt Button        android id    id settings         android layout width  190dp         android layout height  wrap content         android layout gravity  center horizontal         android background   color colorAccent         android drawableStart   drawable ic settings black 24dp         android paddingStart  40dp         android paddingEnd  40dp         android text  settings         android textColor   FFF    gt

User · Answer

Try this one    lt Button     android id    id bSearch      android layout width  fill parent      android layout height  wrap content      android padding  16dp      android text  Search      android drawableLeft   android drawable ic menu search      android textSize  24sp   gt

User · Answer

To add an image to left  right  top or bottom  you can use attributes like this   android drawableLeft android drawableRight android drawableTop android drawableBottom   The sample code is given above  You can also achieve this using relative layout

User · Answer

You can use the Material Components Library and the MaterialButton component  Use the app icon and app iconGravity  start  attributes   Something like      lt com google android material button MaterialButton         style   style Widget MaterialComponents Button Icon          app icon   drawable              app iconGravity  start              gt

User · Answer

Liem Vo s answer is correct if you are using android widget Button without any overriding  If you are overriding your theme using MaterialComponents  this will not solve the issue  So if you are     Using com google android material button MaterialButton or Overriding AppTheme using MaterialComponents      Use app icon parameter    lt Button     android id    id bSearch      android layout width  fill parent      android layout height  wrap content      android padding  16dp      android text  Search      android textSize  24sp      app icon   android drawable ic menu search    gt

User · Answer

For anyone looking to do this dynamically then setCompoundDrawables Drawable left  Drawable top  Drawable right  Drawable bottom  on the buttons object will assist    Sample   Button search    Button  findViewById R id yoursearchbutton   search setCompoundDrawables  your drawable  null null null

[android] Android button with icon and text

Examples related to android

Examples related to android-layout

Examples related to android-button