TabLayout Schwerkraftzentrum funktioniert nicht

Question

Ich habe ein TabLayout, wo ich möchte, dass die Tabs in der Mitte des Bildschirms angezeigt werden. Unten ist das XML für mein TabLayout.

<android.support.design.widget.TabLayout 
      android:id="@+id/tabs" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:background="@color/white" 
      app:tabGravity="center" 
      app:tabIndicatorColor="@color/about_tab_selected" 
      app:tabIndicatorHeight="4dp" 
      app:tabMode="scrollable" 
      app:tabPaddingEnd="20dp" 
      app:tabPaddingStart="20dp" 
      app:tabSelectedTextColor="@color/about_tab_selected" 
      app:tabTextAppearance="@style/UGTabTextAppearance" 
      app:tabTextColor="@color/about_tab_unselected" /> 

Allerdings sind meine Tabs noch nach links angezeigt, und ich bin nicht in der Lage, sie in der Aktivität zu zentrieren.

Was ich bekomme, ist dies:

Was ich wirklich will, ist:

Kann jemand bitte sagen Sie mir, was ich falsch hier? Wenn Sie weitere Informationen zum Rest des XML benötigen, lassen Sie es mich wissen.

Answer 1

Tab Schwerkraft-Effekte MODE_FIXED.

Eine mögliche Lösung ist Ihr layout_width einstellen wrap_content und layout_gravity

Answer 2

Ok center_horizontal, so dass das Problem war mit layout_width="match_parent"

Wenn ich geändert, dass auf layout_width="wrap_content", es ist mein Problem gelöst.

Die endgültige XML ist:

<android.support.design.widget.TabLayout 
     android:id="@+id/tabs" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:background="@color/white" 
     app:tabGravity="center" 
     app:tabIndicatorColor="@color/about_tab_selected" 
     app:tabIndicatorHeight="4dp" 
     app:tabMode="scrollable" 
     app:tabPaddingEnd="20dp" 
     app:tabPaddingStart="20dp" 
     app:tabSelectedTextColor="@color/about_tab_selected" 
     app:tabTextAppearance="@style/UGTabTextAppearance" 
     app:tabTextColor="@color/about_tab_unselected" />