Padding between ActionBar s home icon and title

Question

Does anybody know how to set padding between the ActionBar s home icon and the title

User · Answer

When you are using a custom Toolbar  you can use  toolbar    Toolbar  findViewById R id toolbar   toolbar setTitle R string activity title   setSupportActionBar toolbar   getSupportActionBar   setLogo R drawable logo     and in your toolbar layout simply set app titleMarginStart  16dp   Note that you have to set the icon as a logo  don t use getSupportActionBar   setIcon R drawable logo  instead use  getSupportActionBar   setLogo R drawable logo

User · Answer

If you are using toolbar from AppCompat  android support v7 widget Toolbar     revision 24  June 2016   the padding between the icon and the title can be changed with the following value       app contentInsetStartWithNavigation  0dp    To improve my answer  you can use it on your toolbar directly inside your activity or you can create a new layout file for your toolbar  In this case  you just have to import your toolbar s  id using the include property on each needed views    lt android support v7 widget Toolbar     android id    id toolbar      android layout width  match parent      android layout height   attr actionBarSize      android elevation  4dp      app contentInsetLeft  0dp      app contentInsetStart  0dp      app contentInsetStartWithNavigation  0dp  gt   lt  android support v7 widget Toolbar gt    You can then import your layout on your activity xml    lt include         layout   layout toolbar          android layout width  match parent          android layout height  wrap content   gt

User · Answer

I solved this problem by using custom Navigation layout  Using it you can customize anything in title on action bar   build gradle   dependencies       compile  com android support appcompat-v7 21 0                AndroidManifest xml    lt application         android icon   drawable ic launcher          android label   string app name  gt           lt activity             android name   MainActivity              android theme   style ThemeName  gt               lt intent-filter gt                   lt action android name  android intent action MAIN    gt                   lt category android name  android intent category LAUNCHER    gt               lt  intent-filter gt           lt  activity gt   lt  application gt    styles xml       lt style name  ThemeName  parent  Theme AppCompat Light  gt      lt item name  actionBarStyle  gt  style ActionBar lt  item gt      lt item name  android actionBarStyle  tools ignore  NewApi  gt  style ActionBar lt  item gt       lt style name  ActionBar  parent  Widget AppCompat ActionBar  gt      lt item name  displayOptions  gt showCustom lt  item gt      lt item name  android displayOptions  tools ignore  NewApi  gt showCustom lt  item gt        lt item name  customNavigationLayout  gt  layout action bar lt  item gt      lt item name  android customNavigationLayout  tools ignore  NewApi  gt  layout action bar lt  item gt        lt item name  background  gt  color android white lt  item gt      lt item name  android background  gt  color android white lt  item gt        action bar xml    lt  xml version  1 0  encoding  utf-8   gt   lt TextView xmlns android  http   schemas android com apk res android            android id    id action bar title            android layout width  wrap content            android layout height  wrap content            android gravity  center vertical            android drawableLeft   drawable ic launcher            android drawablePadding  10dp            android textSize  20sp            android textColor   android color black            android text   string app name   gt

User · Answer

I had a similar issue but with spacing between the up and the custom app icon logo in the action bar  Dushyanth s solution of setting padding programatically worked for me  setting padding on app logo icon   I tried to find either android R id home or R id abs  home  ActionBarSherlock only  as this ensures backwards compatibility   and it seems to work across 2 3-4 3 devices I ve tested on

User · Answer

This is how I was able to set the padding between the home icon and the title   ImageView view    ImageView findViewById android R id home   view setPadding left  top  right  bottom     I couldn t find a way to customize this via the ActionBar xml styles though  That is  the following XML doesn t work    lt style name  ActionBar  parent  android style Widget Holo Light ActionBar  gt               lt item name  android titleTextStyle  gt  style ActionBarTitle lt  item gt       lt item name  android icon  gt  drawable ic action home lt  item gt           lt  style gt    lt style name  ActionBarTitle  parent  android style TextAppearance Holo Widget ActionBar Title  gt       lt item name  android textSize  gt 18sp lt  item gt       lt item name  android paddingLeft  gt 12dp lt  item gt     lt  -- Can t get this padding to work    -- gt   lt  style gt    However  if you are looking to achieve this through xml  these two links might help you find a solution   https   github com android platform frameworks base blob master core res res values styles xml   This is the actual layout used to display the home icon in an action bar  https   github com android platform frameworks base blob master core res res layout action bar home xml

User · Answer

This is a common question in Material Design as you may want to line your toolbars title with the content in the fragment below   To do this  you can override the default padding of  12dp  by using the attribute contentInsetStart  72dp  in your toolbar xml layout as shown below  toolbar xml   lt  xml version  1 0  encoding  utf-8   gt   lt android support v7 widget Toolbar     xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      android id    id toolbar      android layout width  match parent      android layout height  wrap content      android background   color app theme color      app contentInsetStart  72dp   gt    Then in your activity  call  Toolbar toolbar    Toolbar  activity findViewById R id toolbar   toolbar setTitle  Title Goes Here      And you end up with this

User · Answer

For my case  it was with Toolbar i resolved it like this   ic toolbar drawble xml   lt layer-list xmlns android  http   schemas android com apk res android  gt   lt item     android drawable   drawable ic toolbar      android right  -16dp      android left  -16dp   gt   lt  layer-list gt    In my Fragment  i check the api    if  android os Build VERSION SDK INT  gt   Build VERSION CODES LOLLIPOP        toolbar setLogo R drawable ic toolbar   else       toolbar setLogo R drawable ic toolbar draweble     Good luck

User · Answer

I used this method setContentInsetsAbsolute int contentInsetLeft  int contentInsetRight  and it works   int padding   getResources   getDimensionPixelSize R dimen toolbar content insets   mToolbar setContentInsetsAbsolute padding  0

User · Answer

In your XML  set the app titleMargin in your Toolbar view as following    lt androidx appcompat widget Toolbar             android id    id toolbar              android layout width  match parent              android layout height   attr actionBarSize              app titleMarginStart  16dp   gt    Or in your code   toolbar setTitleMargin 16 16 16 16      start  top  end  bottom

User · Answer

this work for me to add padding to the title and for ActionBar icon i have set that programmatically    getActionBar   setTitle Html fromHtml   lt font color   fffff  gt  amp nbsp  amp nbsp  amp nbsp Boat App  lt  font gt

User · Answer

EDIT  make sure you set this drawable as LOGO  not as your app icon like some of the commenters did   Just make an XML drawable and put it in the resource folder  drawable   without any density or other configuration     lt  xml version  1 0  encoding  utf-8   gt   lt layer-list     xmlns android  http   schemas android com apk res android   gt        lt item         android drawable   drawable my logo          android right  10dp   gt     lt  layer-list gt    The last step is to set this new drawable as logo in your manifest  or on the Actionbar object in your activity   Good luck

User · Answer

I used  t before the title and worked for me

User · Answer

lt string name  app name  gt       Brick Industry lt  string gt    Just add       for your app name  It will add space between icon and title

User · Answer

Using titleMarginStart works for me  Xamarin example    lt android support v7 widget Toolbar   xmlns app  http   schemas android com apk res-auto    android id    id toolbar    android layout height  wrap content    android layout width  match parent    android minHeight   attr actionBarSize    android background   attr colorPrimary    app titleMarginStart  24dp   gt    Set the logo like so   mToolbar   FindViewById lt SupportToolbar gt  Resource Id toolbar   SetSupportActionBar mToolbar   SupportActionBar SetLogo Resource Drawable titleicon32x32   SupportActionBar SetDisplayShowHomeEnabled true   SupportActionBar SetDisplayUseLogoEnabled true   SupportActionBar Title    App title

User · Answer

You can achieve same by method as well   Drawable d   new InsetDrawable getDrawable R drawable nav icon  0 0 10 0   mToolbar setLogo d

User · Answer

You can change drawableSize of your DrawerArrow like this    lt style name  MyTheme  parent  android Theme WithActionBar  gt       lt item name  drawerArrowStyle  gt  style DrawerArrowStyle lt  item gt   lt  style gt    lt style name  DrawerArrowStyle  parent  Widget AppCompat DrawerArrowToggle  gt       lt item name  barLength  gt 24dp lt  item gt       lt item name  arrowShaftLength  gt 24dp lt  item gt       lt item name  arrowHeadLength  gt 10dp lt  item gt       lt item name  drawableSize  gt 42dp lt  item gt    this is your answer  lt  style gt    It isn t correct answer  because you can t choose padding side and DrawerArrow icon scaling when change drawableSize  drawableSize   width   height   But you can margin from left  To margin from right do  findViewById android R id home  setPadding 10  0  5  0

User · Answer

I used AppBarLayout and custom ImageButton do to so    lt android support design widget AppBarLayout     android id    id appbar      android layout width  match parent      android layout height  wrap content      app elevation  0dp      android background   android color transparent      android theme   style ThemeOverlay AppCompat Dark ActionBar  gt       lt RelativeLayout        android layout width  match parent         android layout height  match parent  gt           lt ImageView            android layout width  32dp             android layout height  32dp             android src   drawable selector back button             android layout centerVertical  true             android layout marginLeft  8dp             android id    id back button   gt           lt android support v7 widget Toolbar            android id    id toolbar             android layout width  match parent             android layout height   attr actionBarSize             app popupTheme   style ThemeOverlay AppCompat Light   gt       lt  RelativeLayout gt       lt  android support design widget AppBarLayout gt    My Java code   findViewById R id appbar  bringToFront    Toolbar toolbar    Toolbar  findViewById R id toolbar   setSupportActionBar toolbar   final ActionBar ab   getSupportActionBar    getSupportActionBar   setDisplayShowTitleEnabled false

User · Answer

For me only the following combination worked  tested from API 18 to 24  app contentInsetLeft  0dp  app contentInsetStart  0dp  app contentInsetStartWithNavigation  0dp    where in  app  is   xmlns app  http   schemas android com apk res-auto   for example     lt android support v7 widget Toolbar                 android id    id toolbar                  android layout width  match parent                  android layout height   attr actionBarSize                  android background   color SE Life Green                  app contentInsetLeft  0dp                  app contentInsetStart  0dp                  app contentInsetStartWithNavigation  0dp                   gt                                                                                       lt  android support v7 widget Toolbar gt

User · Answer

I adapted Cliffus answer and assigned the logo-drawable in my actionbar style definition  for instance like this in res style xml    lt item name  android actionBarStyle  gt  style MyActionBar lt  item gt    lt style name  MyActionBar  parent   android style Widget Holo Light ActionBar  gt           lt item name  android background  gt  3f51b5 lt  item gt           lt item name  android titleTextStyle  gt  style ActionBar TitleText lt  item gt           lt item name  android textColor  gt  fff lt  item gt           lt item name  android textSize  gt 18sp lt  item gt           lt item name  android logo  gt  drawable actionbar space between icon and title lt  item gt   lt  style gt    The drawable looks like Cliffus  one  here with the default app launcher icon  in res drawable actionbar space between icon and title 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         android drawable   drawable ic launcher          android right  20dp   gt   lt  layer-list gt    In the android manifest xml you can still set a different app icon  launcher icon on  desktop   Any different logo definition here are visible in activities without an action bar

User · Answer

I also faced a similar issue  in my case I had to set titles dynamically on each activity depending on the content   So this worked for me   actionBar setTitle        yourActivityTitle     If all you want is the spacing  this is the easiest solution I could think of

User · Answer

Im using a custom image instead of the default title text to the right of my apps logo  This is set up programatically like      actionBar setDisplayHomeAsUpEnabled true       actionBar setDisplayUseLogoEnabled true       actionBar setCustomView R layout include ab txt logo       actionBar setDisplayShowCustomEnabled true     The issues with the above answers for me are  Cliffus s suggestion does not work for me due to the issues others have outlined in the comments and while  dushyanth programatic padding setting may have worked in the past I would think that the fact that the spacing is now set using android layout marginEnd  8dip  since API 17 manually setting the padding should have no effect  See the link he posted to git to verify its current state   A simple solution for me is to set a negative margin on my custom view in the actionBar  like so android layout marginLeft  -14dp   A quick test shows it works for me on 2 3 3 and 4 3 using ActionBarCompat  Hope this helps someone

[android] Padding between ActionBar's home icon and title

Examples related to android

Examples related to android-actionbar