Toolbar est pas dans le centre de la AppBarLayout

Question

J'ai utilisé cet exemple pour construire une mise en page avec deux NavigationViews:

http://v4all123.blogspot.de/2016/03/simple-example-of-navigation-view-on.html

Il fonctionne très bien. Mais aussi dans la démo sur ce site, vous pouvez voir, que la barre d'outils n'est pas à 100% au milieu. Le bouton gauche a plus d'espace à gauche que le bouton droit à la bordure droite.

Take a look to the screenshot from Android Studio.

J'ai essayé de centrer chaque vue, mais la seule façon d'obtenir le même espace à gauche et est juste d'ajouter un rembourrage à droite. Mais je ne peux pas croire que c'est la seule façon de l'obtenir au milieu de la mise en page.

Y at-il un autre truc pour centrer les boutons et les vues dans la barre d'outils?

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:fitsSystemWindows="false" 
tools:context=".frontend.MainActivity"> 

<android.support.design.widget.AppBarLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@android:color/transparent" 
    app:elevation="0dp" 
    android:gravity="center"> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:background="?attr/colorPrimary" 
     android:layout_gravity="center_horizontal" 
     android:gravity="center_horizontal" 
     app:popupTheme="@style/AppTheme.PopupOverlay"> 

     <RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:gravity="center"> 

      <ImageButton 
       android:id="@+id/menuLeft" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignParentLeft="true" 
       android:layout_alignParentStart="true" 
       android:src="@drawable/ic_menu_white_24dp" 
       android:tint="@color/colorPrimary" /> 
      <TextView 
       android:id="@+id/headerLine" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerHorizontal="true" 
       android:layout_centerVertical="true" 
       android:text="Example application" 
       android:textSize="20dp" 
       android:layout_marginLeft="10dp" 
       android:layout_marginRight="10dp" 
       android:textAlignment="center" 
       android:maxLines="1" 
       android:lines="1" 
       android:layout_toRightOf="@+id/menuLeft" 
       android:layout_toLeftOf="@+id/menuRight" 
       android:singleLine="true" 
       android:ellipsize="end" 
       android:textAppearance="@style/TextAppearance.AppCompat.Body1" 
       android:textColor="@color/headerTextColorPrimary" /> 
      <ImageButton 
       android:id="@+id/menuRight" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignParentRight="true" 
       android:layout_alignParentEnd="true" 
       android:src="@drawable/ic_menu_white_24dp" 
       android:tint="@color/colorPrimary" /> 
     </RelativeLayout> 
    </android.support.v7.widget.Toolbar> 

</android.support.design.widget.AppBarLayout> 

</android.support.design.widget.CoordinatorLayout> 

Answer 1

ajouter

app:contentInsetStart="0dp" 

à votre toolbar.This supprimera le rembourrage supplémentaire dans la gauche de la barre d'outils

Answer 2

Il est déjà répondu ici. Veuillez trouver android:contentInsetLeft="0dp" et android:contentInsetStart="0dp" dans le lien suivant. Cela fonctionnera pour vous.

https://stackoverflow.com/a/32320632/4688535