Tabs in TabLayout nicht ganze ActionBar füllen

Question

Ich bin ein TabLayout und ViewPager mit ActionBar tabs nach dem Leitfaden zur Anzeige Google Play Style Tabs using TabLayout jedoch sind meine Laschen an der linken Seite der ActionBar zerquetscht, unten gezeigt:

Und Ich möchte, dass sie die ganze Stange mit gleicher Breite aufnehmen.

In activity_main.xml einem Stil wurde geschaffen, um zu zeigen die ActionBar:

<android.support.design.widget.TabLayout 
    android:id="@+id/sliding_tabs" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    style="@style/AppTheme" 
    app:tabMode="scrollable" /> 

Hier ist der styles.xml Code:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> 
    <item name="windowActionBar">true</item> 
    <item name="tabIndicatorColor">#ffff0030</item> 
</style> 

Ich habe nur ein paar kleinere Änderungen an der Führungs gemacht

Auch meine MainActivity erweitert jetzt AppCompatActivity anstelle einer FragmentActivity.

Answer 1

Sie auf die TabLayout verweisen.

GRAVITY_CENTER Schwerkraft verwendet, um die Tabs in der Mitte des TabLayout auszulegen.

GRAVITY_FILL Schwerkraft verwendet, um das TabLayout so viel wie möglich zu füllen.

MODE_FIXED Feste Registerkarten zeigen alle Registerkarten gleichzeitig an und werden am besten für Inhalte verwendet, die von schnellen Drehpunkten zwischen Registerkarten profitieren.

Scrollbare Registerkarten zeigen zu einem beliebigen Zeitpunkt eine Untergruppe von Registerkarten an und können längere Registerkartenbeschriftungen und eine größere Anzahl von Registerkarten enthalten.

Setzen Sie dies in Ihrem Code oder Ihrem Layout-XML.

app:tabGravity="center" 
app:tabMode="fixed" 

oder

tabLayout.setTabGravity(TabLayout.GRAVITY_CENTER); 
tabLayout.setTabMode(TabLayout.MODE_FIXED);  

Im Allgemeinen können Sie den Code wie Schlag verwenden, ohne tabGravity und tabMode Einstellung arbeiten.

<android.support.design.widget.AppBarLayout 
    android:id="@+id/appbar" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:background="?attr/colorPrimary" 
     app:popupTheme="@style/ThemeOverlay.AppCompat.Light" 
     app:layout_scrollFlags="scroll|enterAlways" /> 

    <android.support.design.widget.TabLayout 
     android:id="@+id/tabs" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" /> 

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

Answer 2

versuchen, dies zu MainActivity Zugabe:

tabLayout.setTabMode(TabLayout.MODE_FIXED); 
tabLayout.setTabGravity(TabLayout.GRAVITY_FILL); 

Answer 3

Hinzufügen - app: tabGravity = "fill" -Eigenschaft in der XML.

Für Beispiel -

<android.support.design.widget.TabLayout 
     android:id="@+id/tablayout" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     app:tabGravity="fill" /> 

Answer 4

versuchen, dies funktioniert

app:tabGravity="fill" 
app:tabMode="fixed" 

Answer 5

Einfache Antwort wich ich von hier aus habe ist: here

Sie setzen diese nur in der XML-Code:

<android.support.design.widget.TabLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      app:tabMaxWidth="0dp" 
      app:tabGravity="fill" 
      app:tabMode="fixed" /> 

Answer 6

Stellen Sie TabLayout width so ein, dass es dem übergeordneten Element

entspricht.

<TabLayout 
    android:layout_width="match_parent" 
    android:layout_height="60dp"/>