Soutien Android Design TabLayout: Centre de Gravité et le Mode de Défilement

Onglet uniquement sur la gravité des effets MODE_FIXED.

Une solution possible est de mettre votre layout_width à wrap_content et layout_gravity à center_horizontal:

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

Si les onglets sont plus petits que la largeur de l'écran, la TabLayout lui-même sera aussi plus petit et il sera centré en raison de la gravité. Si les onglets sont plus grandes que la largeur de l'écran, la TabLayout va correspondre à la largeur de l'écran de défilement et l'activer.

Que je n'ai pas trouver pourquoi ce comportement arriver, j'ai utilisé le code suivant:

float myTabLayoutSize = 360;
if (DeviceInfo.getWidthDP(this) >= myTabLayoutSize ){
    tabLayout.setTabMode(TabLayout.MODE_FIXED);
} else {
    tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
}

En gros, je dois calculer manuellement la largeur de mon tabLayout et puis j'ai mis l'Onglet Mode selon si le tabLayout s'insère dans l'appareil ou pas.

La raison pour laquelle je obtenir la taille de la mise en page manuellement parce que tous les onglets ont la même largeur en mode de Défilement, ce qui pourrait provoquer que certains noms d'utiliser 2 lignes comme ça m'est arrivé dans l'exemple.

garde les choses simples, juste ajouter app:tabMode="scrollable"
et android:layout_gravity= "bottom"

tout comme ce

<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:layout_gravity="bottom"
app:tabMode="scrollable"
app:tabIndicatorColor="@color/colorAccent" />

J'ai créé un AdaptiveTabLayout classe pour atteindre cet objectif. C'était le seul moyen que j'ai trouvé pour réellement résoudre le problème, répondez à la question et d'éviter/contourner des problèmes que d'autres réponses ici ne sont pas.

Notes:

• Poignées de téléphone/tablette mises en page.
• Gère les cas où il y a assez de
  chambre pour MODE_SCROLLABLE mais pas assez de place pour MODE_FIXED. Si
  vous n'avez pas à traiter ce cas, il va se produire sur certains appareils, vous aurez
  voir les différentes tailles de texte ou un four à deux lignes de texte dans des onglets, ce qui
  est de mauvaise qualité.
• Il obtient des mesures réelles et ne pas faire d'hypothèses (comme l'écran est 360dp large ou quoi que...). Cela fonctionne avec de vrais tailles d'écran et réel onglet tailles. Cela signifie fonctionne bien avec les traductions parce que ne pas assumer n'importe quel onglet de la taille, les onglets obtenez de mesure.
• Aborde les différentes passes sur la onLayout phase afin d'
  éviter du travail supplémentaire.
• Largeur de présentation doit être wrap_content sur le xml. Ne définissez pas de n'importe quel mode ou de la gravité sur le xml.

AdaptiveTabLayout.java

import android.content.Context;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.design.widget.TabLayout;
import android.util.AttributeSet;
import android.widget.LinearLayout;
public class AdaptiveTabLayout extends TabLayout
{
private boolean mGravityAndModeSeUpNeeded = true;
public AdaptiveTabLayout(@NonNull final Context context)
{
this(context, null);
}
public AdaptiveTabLayout(@NonNull final Context context, @Nullable final AttributeSet attrs)
{
this(context, attrs, 0);
}
public AdaptiveTabLayout
(
@NonNull final Context context,
@Nullable final AttributeSet attrs,
final int defStyleAttr
)
{
super(context, attrs, defStyleAttr);
setTabMode(MODE_SCROLLABLE);
}
@Override
protected void onLayout(final boolean changed, final int l, final int t, final int r, final int b)
{
super.onLayout(changed, l, t, r, b);
if (mGravityAndModeSeUpNeeded)
{
setModeAndGravity();
}
}
private void setModeAndGravity()
{
final int tabCount = getTabCount();
final int screenWidth = UtilsDevice.getScreenWidth();
final int minWidthNeedForMixedMode = getMinSpaceNeededForFixedMode(tabCount);
if (minWidthNeedForMixedMode == 0)
{
return;
}
else if (minWidthNeedForMixedMode < screenWidth)
{
setTabMode(MODE_FIXED);
setTabGravity(UtilsDevice.isBigTablet() ? GRAVITY_CENTER : GRAVITY_FILL) ;
}
else
{
setTabMode(TabLayout.MODE_SCROLLABLE);
}
setLayoutParams(new LinearLayout.LayoutParams
(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT));
mGravityAndModeSeUpNeeded = false;
}
private int getMinSpaceNeededForFixedMode(final int tabCount)
{
final LinearLayout linearLayout = (LinearLayout) getChildAt(0);
int widestTab = 0;
int currentWidth;
for (int i = 0; i < tabCount; i++)
{
currentWidth = linearLayout.getChildAt(i).getWidth();
if (currentWidth == 0) return 0;
if (currentWidth > widestTab)
{
widestTab = currentWidth;
}
}
return widestTab * tabCount;
}
}

Et c'est le DeviceUtils classe:

import android.content.res.Resources;
public class UtilsDevice extends Utils
{
private static final int sWIDTH_FOR_BIG_TABLET_IN_DP = 720;
private UtilsDevice() {}
public static int pixelToDp(final int pixels)
{
return (int) (pixels / Resources.getSystem().getDisplayMetrics().density);
}
public static int getScreenWidth()
{
return Resources
.getSystem()
.getDisplayMetrics()
.widthPixels;
}
public static boolean isBigTablet()
{
return pixelToDp(getScreenWidth()) >= sWIDTH_FOR_BIG_TABLET_IN_DP;
}
}

Exemple d'utilisation:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
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">
<com.com.stackoverflow.example.AdaptiveTabLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="?colorPrimary"
app:tabIndicatorColor="@color/white"
app:tabSelectedTextColor="@color/text_white_primary"
app:tabTextColor="@color/text_white_secondary"
tools:layout_width="match_parent"/>
</FrameLayout>

Gist

Problèmes/Demander de l'aide:

• Vous verrez ceci:

Logcat:

W/View: requestLayout() improperly called by android.support.design.widget.TabLayout$SlidingTabStrip{3e1ebcd6 V.ED.... ......ID 0,0-466,96} during layout: running second layout pass
W/View: requestLayout() improperly called by android.support.design.widget.TabLayout$TabView{3423cb57 VFE...C. ..S...ID 0,0-144,96} during layout: running second layout pass
W/View: requestLayout() improperly called by android.support.design.widget.TabLayout$TabView{377c4644 VFE...C. ......ID 144,0-322,96} during layout: running second layout pass
W/View: requestLayout() improperly called by android.support.design.widget.TabLayout$TabView{19ead32d VFE...C. ......ID 322,0-466,96} during layout: running second layout pass

Je ne suis pas sûr de la façon de le résoudre. Des suggestions?

• Pour faire de la TabLayout enfant, je suis en train de faire quelques castings et des hypothèses (Comme l'enfant est un LinearLayout contenant d'autres points de vue....)
  Cela peut entraîner des problèmes avec davantage d'aide à la Conception de la Bibliothèque de mises à jour. Une meilleure approche/suggestions?

Tous vous avez besoin est d'ajouter les éléments suivants à votre TabLayout

custom:tabGravity="fill"

Alors vous aurez:

xmlns:custom="http://schemas.android.com/apk/res-auto"
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
custom:tabGravity="fill"
/>

 <android.support.design.widget.TabLayout
android:id="@+id/tabList"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
app:tabMode="scrollable"/>

Ma solution finale

class DynamicModeTabLayout : TabLayout {
constructor(context: Context?) : super(context)
constructor(context: Context?, attrs: AttributeSet?) : super(context, attrs)
constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) : super(context, attrs, defStyleAttr)
override fun setupWithViewPager(viewPager: ViewPager?) {
super.setupWithViewPager(viewPager)
val view = getChildAt(0) ?: return
view.measure(MeasureSpec.UNSPECIFIED, MeasureSpec.UNSPECIFIED)
val size = view.measuredWidth
if (size > measuredWidth) {
tabMode = MODE_SCROLLABLE
tabGravity = GRAVITY_CENTER
} else {
tabMode = MODE_FIXED
tabGravity = GRAVITY_FILL
}
}
}