Android remove left margin from actionbar s custom layout

Question

I am using a custom actionbar view  and as you can see in the screenshot below  there is a blank gray space in the actionbar  I want to remove it     What have I done      res values-v11 styles xml    lt style name  AppBaseTheme  parent   style Theme AppCompat Light  gt           lt item name  android actionBarStyle  gt  style ActionBarStyle lt  item gt           lt item name  actionBarStyle  gt  style ActionBarStyle lt  item gt   lt  style gt       res values my custom actionbar xml    lt resources xmlns android  http   schemas android com apk res android  gt       lt style name  ActionBarStyle  parent   style Widget AppCompat Light ActionBar Solid  gt           lt item name  android height  gt 60dp lt  item gt       lt  style gt   lt  resources gt       Manifest    lt uses-sdk         android minSdkVersion  10          android targetSdkVersion  19    gt    lt application             android icon   drawable ic launcher              android label   string AppName              android theme   style AppBaseTheme   gt       lt  -- activities    etc -- gt   lt  application gt       MainActivity   public void onCreate Bundle bundle        super onCreate bundle        ActionBar actionbar   getSupportActionBar         actionbar setDefaultDisplayHomeAsUpEnabled false       actionbar setDisplayHomeAsUpEnabled false       actionbar setDisplayShowCustomEnabled true       actionbar setDisplayShowHomeEnabled false       actionbar setDisplayShowTitleEnabled false       actionbar setDisplayUseLogoEnabled false       actionbar setHomeButtonEnabled false           Add the custom layout     View view   LayoutInflater from this  inflate R layout actionbar  null  false       actionbar setCustomView view       I have found a recent post  that is pointing out that there is an issue with the latest release  I have also updated ADT and SDK to Android 5   Android ActionBar  39 s custom view not filling parent  I don t know what should I do   Edit  partial solution    Not working on Android  lt   API 10   Android Lollipop  AppCompat ActionBar custom view doesn  39 t take up whole screen width  What have I changed   Use the latest sdk version    lt uses-sdk         android minSdkVersion  10          android targetSdkVersion  21    gt    Add a toolbarStyle    lt style name  AppBaseTheme  parent   style Theme AppCompat Light  gt           lt item name  android actionBarStyle  gt  style ActionBarStyle lt  item gt           lt item name  actionBarStyle  gt  style ActionBarStyle lt  item gt            lt item name  android toolbarStyle  gt  style ToolbarStyle lt  item gt           lt item name  toolbarStyle  gt  style ToolbarStyle lt  item gt   lt  style gt    lt style name  ToolbarStyle  parent   style Widget AppCompat Toolbar  gt       lt item name  contentInsetStart  gt 0dp lt  item gt       lt item name  android contentInsetStart  gt 0dp lt  item gt   lt  style gt

User · Answer

only adding android padding  0dp  work for me   lt android support v7 widget Toolbar     xmlns app  http   schemas android com apk res-auto      android layout width  match parent      android layout height  60dp      android padding  0dp      android theme   style ThemeOverlay AppCompat Dark ActionBar      app popupTheme   style ThemeOverlay AppCompat Light  gt

User · Answer

try this       ActionBar actionBar   getSupportActionBar        actionBar setDisplayShowHomeEnabled false       actionBar setDisplayShowCustomEnabled true       actionBar setDisplayShowTitleEnabled false       View customView   getLayoutInflater   inflate R layout main action bar  null       actionBar setCustomView customView       Toolbar parent   Toolbar  customView getParent        parent setPadding 0 0 0 0    for tab otherwise give space in tab     parent setContentInsetsAbsolute 0 0     I used this code in my project good luck

User · Answer

Create toolbar like this    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 menuToolbar  android layout width  match parent  android layout height  wrap content  android layout margin  0dp  android background   color white  android contentInsetLeft  10dp  android contentInsetRight  10dp  android contentInsetStart  10dp  android minHeight   attr actionBarSize  android padding  0dp  app contentInsetLeft  10dp  app contentInsetRight  10dp  app contentInsetStart  10dp  gt  lt  android support v7 widget Toolbar gt    please follow this link for more - Android Tips

User · Answer

I did not find a solution for my issue  first picture  anywhere  but at last I end up with a simplest solution after a few hours of digging  Please note that I tried with a lot of xml attributes like app setInsetLeft  0dp   etc   but none of them  helped in this case   Picture 1   the following code solved this issue as in the Picture 2   Override protected void onCreate Bundle savedInstanceState        super onCreate savedInstanceState        setContentView R layout activity main        Toolbar toolbar    Toolbar  findViewById R id toolbar       setSupportActionBar toolbar           NOTE THAT  THE PART SOLVED THE PROBLEM      android support design widget AppBarLayout abl    AppBarLayout              findViewById R id app bar main app bar layout        abl setPadding 0 0 0 0       Picture 2

User · Answer

Just Modify your styles xml   lt  -- ActionBar styles -- gt       lt style name  MyActionBar  parent  Widget AppCompat ActionBar  gt           lt item name  contentInsetStart  gt 0dp lt  item gt           lt item name  contentInsetEnd  gt 0dp lt  item gt       lt  style gt

User · Answer

It would be better to add a background item into the style of the app actionbar to consistent with the background color of the customized actionbar    lt item name  android background  gt  color actionbar bgcolor lt  item gt    After android 6 0  the actionbar even has a margin-right space and cannot be set  Add a right margin adjusting in the activity like this   the view is the customized actionbar or a right button in it   int rightMargin   Build VERSION SDK INT gt  Build VERSION CODES M   0   8     may the same with actionbar leftMargin in px ViewGroup MarginLayoutParams p    ViewGroup MarginLayoutParams  view getLayoutParams    p setMargins p leftMargin  p topMargin  rightMargin  p bottomMargin   if  Build VERSION SDK INT  gt   Build VERSION CODES JELLY BEAN MR1       p setMarginEnd rightMargin     view setLayoutParams p     The actionbar machenism is just supported after Android 3 0  app  If we use a toolbar  of support lib v7  instead  we should layout it in each xml of each activity  and take care of the issue of overlapping with system status bar in  the Android 5 0 or later device

User · Answer

Instead of adding a toolbar in the layout  you can set your custom view as shown below   Toolbar parent    Toolbar  customView getParent    parent setContentInsetsAbsolute 0 0

User · Answer

Setting  contentInset     attributes to 0 in the Toolbar didn t work for me   Nilesh Senta s solution to update the style worked   styles xml   lt style name  AppTheme  parent  Theme AppCompat Light  gt       lt  -- Customize your theme here  -- gt       lt item name  colorPrimary  gt  color colorPrimary lt  item gt       lt item name  colorPrimaryDark  gt  color colorPrimaryDark lt  item gt       lt item name  colorAccent  gt  color colorAccent lt  item gt       lt item name  actionBarStyle  gt  style Actionbar lt  item gt       lt item name  android titleTextStyle  gt  style ActionbarTitle lt  item gt   lt  style gt    lt style name  Actionbar  parent  Widget AppCompat ActionBar  gt       lt item name  contentInsetStart  gt 0dp lt  item gt       lt item name  contentInsetEnd  gt 0dp lt  item gt   lt  style gt    java  onCreate   ActionBar actionBar    getSupportActionBar     actionBar setDisplayShowTitleEnabled false   actionBar setDisplayHomeAsUpEnabled false   actionBar setDisplayUseLogoEnabled false   actionBar setDisplayShowCustomEnabled true    ActionBar LayoutParams layoutParams   new ActionBar LayoutParams              ActionBar LayoutParams MATCH PARENT              ActionBar LayoutParams MATCH PARENT         View view   LayoutInflater from this  inflate R layout actionbar main  null    actionBar setCustomView view  layoutParams

User · Answer

Just add app contentInsetStart  quot 0dp quot  to the XML attribute of the toolbar

User · Answer

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 layout width  match parent  android layout height  wrap content  app contentInsetLeft  0dp  app contentInsetStart  0dp  android paddingLeft  0dp  gt    This should be good enough

User · Answer

Kotlin      supportActionBar  displayOptions   ActionBar DISPLAY SHOW CUSTOM      supportActionBar  setCustomView R layout actionbar        val parent   supportActionBar  customView  parent as Toolbar     parent  setPadding 0  0  0  0   for tab otherwise give space in tab     parent  setContentInsetsAbsolute 0  0

User · Answer

The left inset is caused by Toolbar s contentInsetStart which by default is 16dp   Change this to align to the keyline   Update for support library v24 0 0    To match the Material Design spec there s an additional attribute contentInsetStartWithNavigation which by default is 16dp  Change this if you also have a navigation icon   It turned out that this is part of a new Material Design Specification introduced in version 24 of Design library   https   material google com patterns navigation html  However  it is possible to remove the extra space by adding the following property to Toolbar widget   app contentInsetStartWithNavigation  0dp    Before     After

User · Answer

I found an other resolution  reference appcompat-v7   that change the toolbarStyle  following code    lt item name  toolbarStyle  gt  style Widget Toolbar lt  item gt     lt style name  Widget Toolbar  parent   style Widget AppCompat Toolbar  gt   lt item name  contentInsetStart  gt 0dp lt  item gt   lt  style gt

User · Answer

If you check the documentation of toolbar  by default it has style defined and there is an item contentInsetStart    lt item name  contentInsetStart  gt 16dp lt  item gt    If you want to override this padding then it can be done in two ways   1 Override the style and add your own style with contentInsetStart and contentInsetEnd values   lt style name  MyActionBar  parent  Widget AppCompat ActionBar  gt       lt item name  contentInsetStart  gt 0dp lt  item gt       lt item name  contentInsetEnd  gt 0dp lt  item gt   lt  style gt    2 In XML you can directly define the contentInsetStart and contentInsetEnd values   lt androidx appcompat widget Toolbar     android id    id toolbar      android layout width  match parent      app contentInsetLeft  0dp      app contentInsetStart  0dp      android layout height   attr actionBarSize  gt        lt  --Add your views here-- gt    lt  androidx appcompat widget Toolbar gt

User · Answer

Only add app contentInsetStart  0dp  to the toolbar remove that left space   So your Toolbar definition look like this    lt android support v7 widget Toolbar     android id    id toolbar      android layout width  match parent      app contentInsetStart  0dp      android layout height   attr actionBarSize      android background   attr colorPrimary      app popupTheme   style ThemeOverlay AppCompat Light      app theme   style ThemeOverlay AppCompat Dark ActionBar  gt    and it look like this

User · Answer

ActionBar ab   getSupportActionBar    ab setDisplayShowHomeEnabled true         ab setDisplayShowCustomEnabled true         setDisplayShowTitleEnabled true         View customView       getLayoutInflater   inflate R layout activity main null     here activity main xml is the GUI design file  ab setCustomView customView   Toolbar parent   Toolbar  customView getParent      use V7 Toolbar import parent setContentInsetsAbsolute 0  0   setPadding 5 0 0 0    ab setIcon R mipmap ic launcher

User · Answer

If you are adding the Toolbar via XML  you can simply add XML attributes to remove content insets    lt android support v7 widget Toolbar     xmlns app  schemas android com apk res-auto      android layout width  match parent      android layout height  wrap content      android background   color primaryColor      android contentInsetLeft  0dp      android contentInsetStart  0dp      app contentInsetLeft  0dp      app contentInsetStart  0dp      android contentInsetRight  0dp      android contentInsetEnd  0dp      app contentInsetRight  0dp      app contentInsetEnd  0dp    gt

User · Answer

this work for me  toolbar setPadding 0 0 0 0   toolbar setContentInsetsAbsolute 0 0

User · Answer

You need to add this line  app2 contentInsetStart  0dp  in your toolbar    lt android support v7 widget Toolbar xmlns android  http   schemas android com apk res android      xmlns app2  http   schemas android com apk res-auto      android id    id toolbar      android layout width  match parent      android layout height   attr actionBarSize      android background   color colorPrimary      app2 contentInsetStart  0dp   gt

User · Answer

Using AppCompatAcitivty you can use just by   Toolbar mToolbar    Toolbar  findViewById R id toolbar   View logo   getLayoutInflater   inflate R layout custom toolbar  null   mToolbar addView logo  new ViewGroup LayoutParams ViewGroup LayoutParams MATCH PARENT  ViewGroup LayoutParams WRAP CONTENT    mToolbar setContentInsetsAbsolute 0 0

User · Answer

You can just use relative layout inside toolbar view group in your xml file and adjust the positions of widgets as you require them for your use case No need to create custom layout  amp  inflate it and attach to toolbar  Once done in your java code use setContentInsetsAbsolute 0 0  with your toolbar object before setting it as support action bar in your layout

[android] Android: remove left margin from actionbar's custom layout

Examples related to android

Examples related to xml

Examples related to android-actionbar-compat