android drawableLeft margin and or padding

Question

Is it possible to set the margin or padding for the image which we added with the android drawableLeft

User · Answer

android drawablePadding is the easiest way to give padding to drawable icon but You can not give specific one side padding like paddingRight or paddingLeft of drawable icon To achieve that you have to dig into it  And If you apply paddingLeft or paddingRight to EditText then it will place padding to entire EditText along with drawable icon   lt TextView android layout width  quot match parent quot      android padding  quot 5dp quot      android id  quot   id date quot      android gravity  quot center start quot      android drawableEnd  quot  drawable ic calendar quot      android background  quot  drawable edit background quot      android hint  quot Not Selected quot      android drawablePadding  quot 10dp quot      android paddingStart  quot 10dp quot      android paddingEnd  quot 10dp quot      android textColor  quot  color black quot      android layout height  quot wrap content quot   gt

User · Answer

Instead of Button use LinearLayout with ImageView and TextView inside  In child items like ImageView and TextView use android duplicateParentState  true

User · Answer

You can use android drawableLeft   drawable your icon  to set the drawable to be shown on the left side  In order to set a padding for the drawable you should use the android paddingLeft or android paddingRight to set the left right padding respectively   android paddingRight  10dp  android paddingLeft  20dp  android drawableRight   drawable ic app manager

User · Answer

android drawablePadding will only create a padding gap between the text and the drawable if the button is small enough to squish the 2 together   If your button is wider than the combined width  for drawableLeft drawableRight  or height  for drawableTop drawableBottom  then drawablePadding doesn t do anything   I m struggling with this right now as well   My buttons are quite wide  and the icon is hanging on the left edge of the button and the text is centered in the middle   My only way to get around this for now has been to bake in a margin on the drawable by adding blank pixels to the left edge of the canvas with photoshop   Not ideal  and not really recommended either   But thats my stop-gap solution for now  short of rebuilding TextView Button

User · Answer

TextView has an android drawablePadding property which should do the trick      android drawablePadding      The padding between the drawables and the text       Must be a dimension value  which is a floating point number appended   with a unit such as  14 5sp   Available units are  px  pixels   dp    density-independent pixels   sp  scaled pixels based on preferred   font size   in  inches   mm  millimeters        This may also be a reference to a resource  in the form      package  type name   or theme attribute  in the form      package   type  name   containing a value of this type       This corresponds to the global attribute resource symbol   drawablePadding

User · Answer

Yes  use drawablePadding as follows    lt TextView         android id    id tvHeader          android layout width  match parent          android layout height  wrap content          android text  Settings and Contents          android drawableLeft   drawable icon success          android drawablePadding  10dp    gt

User · Answer

If the size of drawable resouce is fixed  you can do like this     lt Button     android background   drawable rounded button green      style   android attr selectableItemBackground      android layout height  wrap content      app layout widthPercent  70       android drawableRight   drawable ic clear black 24dp      android paddingRight  10dp      android paddingLeft  34dp      tools text  example    gt    The key here is that       android drawableRight   drawable ic clear black 24dp      android paddingRight  10dp      android paddingLeft  34dp    That is  the size of drawable resource plus paddingRight is the paddingLeft   You can see the result in this example

User · Answer

define a shape for your edittext and give it a padding      For Example   lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android      android shape  rectangle   gt       lt padding         android left  5dp          android right  5dp        gt       lt solid android color   F6F6F6    gt       lt stroke         android width  1px          android color   C3C3C3    gt        lt corners         android bottomLeftRadius  1dp          android bottomRightRadius  1dp          android topLeftRadius  1dp          android topRightRadius  1dp    gt   lt  shape gt    The padding defined in this shape will help in give padding to drawableleft or right     ---------------------- Apply this shape on EditView    lt EditText             android id    id example              android layout width  fill parent              android layout height  36dp              android layout marginLeft  10dp              android layout marginRight  10dp              android background   drawable shape2              android drawableLeft   drawable icon1              android drawablePadding   dimen txtDrwblPadding              android ems  10             gt    using that defined shape as background will give your EditText some style plus margin to drawableLeft

User · Answer

Make your drawable resources xml   lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt item android state checked  true  gt           lt inset android drawable   drawable small m  android insetLeft  10dp  android insetTop  10dp    gt       lt  item gt       lt item gt           lt inset android drawable   drawable small p  android insetLeft  10dp  android insetTop  10dp    gt       lt  item gt   lt  selector gt

User · Answer

just remake from    lt  xml version  1 0  encoding  utf-8   gt   lt shape         xmlns android  http   schemas android com apk res android  gt        lt corners android radius  40dp   gt        lt solid android color   android color white   gt    lt  shape gt    to   lt layer-list         xmlns android  http   schemas android com apk res android  gt       lt item             android right   dimen  2dp              android left   dimen  2dp              android bottom   dimen  2dp              android top   dimen  2dp               gt           lt shape                 xmlns android  http   schemas android com apk res android  gt                lt corners android radius  40dp   gt                lt solid android color   android color white   gt            lt  shape gt       lt  item gt    lt  layer-list gt

User · Answer

lt TextView     android layout width  wrap content      android layout height  32dp      android background   drawable a      android drawableLeft   drawable concern black      android gravity  center      android paddingLeft  10dp      android paddingRight  10dp      android drawablePadding  10dp      android text  text   gt    note  layout width needs to be wrap content and use paddingLeft paddingRight drawablePadding to control gap  If you specify layout width value is will has gap between icon and text  I think once give the layout width a specify value  the padding will measure

User · Answer

You can use a padding for the button and you can play with drawablePadding     lt Button     style   style botonesMenu      android padding  15dp      android drawablePadding  -15dp      android text   string actualizarBD      android textAlignment  gravity      android gravity  center      android layout row  1      android layout column  0      android drawableTop   drawable actualizar      android id    id btnActualizar      android onClick  actualizarBD    gt    you can use a specific padding depends where put your drawable  with android paddingLeft  10dp  or android paddingBottom  10dp  or android paddingRight  10dp  or android paddingTop  10dp

User · Answer

Tries to use negative padding  Like    android paddingLeft  -8dp

User · Answer

I ll throw my answer into the ring as well  If you want to do this programmatically you can do the following   final Drawable drawable   ContextCompat getDrawable getContext    R drawable somedrawable   final boolean isLTR   ViewCompat LAYOUT DIRECTION LTR    ViewCompat getLayoutDirection this   final int iconInsetPadding   getResources   getDimensionPixelSize R dimen icon padding    final Drawable insetDrawable   new InsetDrawable drawable  isLTR   0   iconInsetPadding  0  isLTR   iconInsetPadding   0  0     This will add the padding to the end of the drawable where end will mean left right depending if phone is in LTR or RTL

User · Answer

As cephus mentioned android drawablePadding will only force padding between the text and the drawable if the button is small enough   When laying out larger buttons you can use android drawablePadding in conjunction with android paddingLeft and android paddingRight to force the text and drawable inward towards the center of the button  By adjusting the left and right padding separately you can make very detailed adjustments to the layout   Here s an example button that uses padding to push the text and icon closer together than they would be by default    lt Button android text   string button label       android id    id buttonId      android layout width  160dip      android layout height  60dip      android layout gravity  center      android textSize  13dip      android drawableLeft   drawable button icon      android drawablePadding  2dip      android paddingLeft  30dip      android paddingRight  26dip      android singleLine  true      android gravity  center    gt

User · Answer

You should consider using layer-list  Create a drawable file like this  name it as ic calendar xml   lt  xml version  1 0  encoding  utf-8   gt   lt layer-list xmlns android  http   schemas android com apk res android  gt   lt item gt       lt shape android shape  rectangle  gt           lt solid android color   android color transparent   gt       lt  shape gt   lt  item gt   lt item android right  10dp  gt       lt bitmap android gravity  center vertical left          android src   drawable ic calendar 16dp          android tint   color red            gt   lt  item gt   lt  layer-list gt    Under layout file    lt TextView          android id    id tvDate           android layout width  match parent           android layout height  wrap content           android drawableLeft   drawable ic calendar           android textColor   color colorGrey           android textSize  14sp         gt

User · Answer

android drawablePadding is the easiest way to give padding to drawable icon but You can not give specific one side padding like paddingRight or paddingLeft of drawable icon To achieve that you have to dig into it  And If you apply paddingLeft or paddingRight to Edittext then it will place padding to entire Edittext along with drawable icon

User · Answer

textView setCompoundDrawablesWithIntrinsicBounds AppCompatResources getDrawable this drawable  null null null    addressTitleView setCompoundDrawablePadding

[android] android:drawableLeft margin and/or padding

Examples related to android

Examples related to android-layout

Examples related to android-drawable