Les onglets dans TabLayout de ne pas remplir toute la ActionBar

Je suis à l'aide d'un TabLayout et ViewPager pour afficher ActionBar tabs suivant le guide Google Play Style des Onglets à l'aide de TabLayout, cependant mes onglets sont écrasé sur le côté gauche de l'ActionBar, illustré ci-dessous:

Les onglets dans TabLayout de ne pas remplir toute la ActionBar

Et je tiens à relever la barre de l'ensemble avec l'égalité des largeurs. J'ai fait seulement quelques modifications mineures apportées au guide:

Dans activity_main.xml un style qui a été créé pour montrer l'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" />

Ici est la styles.xml code:

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

Aussi, mon MainActivity s'étend désormais AppCompatActivity au lieu d'un FragmentActivity.

Votre TabLayout est incorporé dans un LinearLayout comme indiqué dans le guide?
Oui, il est avec le LinearLayout
ajoutez cela fonctionne:app:tabGravity="fill"
application:tabGravity:"remplir" et application:tabMaxWidth="0dp" fait pour moi !

InformationsquelleAutor clever_trevor | 2015-06-09

41

Vous pouvez vous référer à la TabLayout.

GRAVITY_CENTER Gravité habitude de jeter les onglets dans le centre de la TabLayout.

GRAVITY_FILL Gravité utilisé pour remplir les TabLayout autant que possible.

MODE_FIXED Fixe onglets afficher tous les onglets en même temps et sont utilisés au mieux avec le contenu que les avantages de rapide pivots entre les onglets.

MODE_SCROLLABLE De défilement des onglets afficher un sous-ensemble d'onglets, à un moment donné, et peut contenir plus de l'onglet étiquettes et un plus grand nombre d'onglets.

Dans votre code ou votre mise en page xml.
```
app:tabGravity="center"
app:tabMode="fixed"
```
ou
```
tabLayout.setTabGravity(TabLayout.GRAVITY_CENTER);
tabLayout.setTabMode(TabLayout.MODE_FIXED);    
```
Généralement, en utilisant le code comme coup peut fonctionner sans réglage tabGravity et tabMode.
```
<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>
```
- J'ai pris la ligne app:tabMode="scrollable" et il a résolu le problème.
- Moi aussi, je peux confirmer que la suppression de l'app:tabMode="" dans le fichier XML résolu tout. La modification de la tabMode valeur serait encore faire la les onglets apparaissent écrasée. Il ne fut résolue qu'en n'incluant pas cet attribut.
- Zou a fonctionné comme un charme!! Merci!!!! 🙂
- j'ai une dynamique onglets de contenu, il fonctionne lorsque j'ai plusieurs onglets mais quand il n'y a qu'un seul onglet le texte n'est pas montré au maximum (l'onglet que spanns à l'icône de la largeur) est-il un moyen de remédier à ce problème
InformationsquelleAutor Ellie Zou
40

Simple réponse que j'ai obtenu à partir de ici.

Vous venez de mettre dans votre code xml :
```
<android.support.design.widget.TabLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabMaxWidth="0dp"
            app:tabGravity="fill"
            app:tabMode="fixed" />
```
- travaillé.. merci
- Vous êtes le tuer! Le tabMaxWidth paramètre m'a aidé à résoudre un non de travail de l'appareil. app:tabGravity="remplir", & app:tabMode="fixe" n'était pas assez pour un de mon appareil.
- cette correction d'un problème pour moi en mode paysage (même si ça marchait très bien en mode portrait)
- app:tabMaxWidth="0dp" était la solution que j'ai besoin. Merci!
- app:tabMaxWidth="0dp" m'a sauvé. Merci
- pour la mention de app:tabMaxWidth="0dp" +1 !!
InformationsquelleAutor Parth Anjaria

Essayez d'ajouter ce point à MainActivity:

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

InformationsquelleAutor rpcao

Ajoutez - app:tabGravity="remplissage" de la propriété dans le fichier xml.

Par Exemple -

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

InformationsquelleAutor Fenil

0

essayer ce qu'il fonctionne
```
 app:tabGravity="fill"
 app:tabMode="fixed"
```
InformationsquelleAutor Mobi10

Ensemble TabLayout largeur pour correspondre Parent

Comme ça.

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

InformationsquelleAutor HaSeeB MiR

Vous devez vous connecter pour publier un commentaire.