Android Onglet mise en page: onglet habillage indicateur de largeur à l'égard de l'onglet titre

Si vous n'avez pas besoin de la bande à être plus petits que le texte, alors cela devrait fonctionner:

public static void reduceMarginsInTabs(TabLayout tabLayout, int marginOffset) {
View tabStrip = tabLayout.getChildAt(0);
if (tabStrip instanceof ViewGroup) {
ViewGroup tabStripGroup = (ViewGroup) tabStrip;
for (int i = 0; i < ((ViewGroup) tabStrip).getChildCount(); i++) {
View tabView = tabStripGroup.getChildAt(i);
if (tabView.getLayoutParams() instanceof ViewGroup.MarginLayoutParams) {
((ViewGroup.MarginLayoutParams) tabView.getLayoutParams()).leftMargin = marginOffset;
((ViewGroup.MarginLayoutParams) tabView.getLayoutParams()).rightMargin = marginOffset;
}
}
tabLayout.requestLayout();
}
}

Pour des points supplémentaires, vous pouvez vérifier la taille du texte de chaque titre.

OriginalL'auteur Erik B

Que de la bibliothèque de prise en charge 28 vous pouvez effectuer les opérations suivantes:

app:tabIndicatorFullWidth="false"
app:tabPaddingStart="25dp"
app:tabPaddingEnd="25dp"

Vous pouvez définir un rembourrage qui affecte l'onglet indicateur.

Aussi, vous pouvez désormais le faire:

app:tabIndicator="@drawable/tab_indicator"

cela permettra de personnaliser la drawable comme indicateur.

exemple de la coutume drawable:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="@color/colorPrimary"/>
<corners android:radius="5dp"/>
</shape>

OriginalL'auteur Malek Hijazi

Je ne suis pas certaine à propos de la Version de SDK nécessaire, mais vous pouvez le faire directement dans votre fichier XML, en ajoutant le rembourrage attribut à l'aide de l'app de l'espace de noms.

Faites votre TabLayout ressemble à ceci:

        <android.support.design.widget.TabLayout
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/tab"
android:layout_width="match_parent"
android:layout_height="wrap_content"
...
app:tabPaddingEnd="0dp"
app:tabPaddingStart="0dp"
</android.support.design.widget.TabLayout>

Vous pouvez déplacer le xmlns:app="http://schemas.android.com/apk/res-auto" pour votre parent layou trop, mais c'est votre choix 🙂

Merci leon pour sa réponse, qui me poussent à le faire en XML.

OriginalL'auteur Endy Silveira

Vous pouvez le faire en utilisant les styles.

Dans la mise en page xml:

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

dans le styles.xml:

<style name="AppTabLayout" parent="Widget.Design.TabLayout">
<item name="android:layout_marginLeft">40dp</item>
<item name="android:layout_marginRight">40dp</item>
</style>

OriginalL'auteur Silwester

Onglet habillage indicateur de largeur à l'égard de l'onglet titre et ajouter à droite du remplissage à l'aide de l'onglet titre et la marge de droite avec onglet indicateur.

public class TabLayoutActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_tab_layout);
TabLayout tabs = (TabLayout) findViewById(R.id.tabs);
tabs.setTabTextColors(Color.parseColor("#727272"), Color.parseColor("#305b0d"));
ViewPager pager = (ViewPager) findViewById(R.id.pager);
TabsPagerAdapter adapter = new TabsPagerAdapter(getSupportFragmentManager());
pager.setAdapter(adapter);
tabs.setupWithViewPager(pager);
wrapTabIndicatorToTitle(tabs,20,20);
}
public void wrapTabIndicatorToTitle(TabLayout tabLayout, int externalMargin, int internalMargin) {
View tabStrip = tabLayout.getChildAt(0);
if (tabStrip instanceof ViewGroup) {
ViewGroup tabStripGroup = (ViewGroup) tabStrip;
int childCount = ((ViewGroup) tabStrip).getChildCount();
for (int i = 0; i < childCount; i++) {
View tabView = tabStripGroup.getChildAt(i);
//set minimum width to 0 for instead for small texts, indicator is not wrapped as expected
tabView.setMinimumWidth(0);
//set padding to 0 for wrapping indicator as title
tabView.setPadding(0, tabView.getPaddingTop(), 40, tabView.getPaddingBottom());
//setting custom margin between tabs
if (tabView.getLayoutParams() instanceof ViewGroup.MarginLayoutParams) {
ViewGroup.MarginLayoutParams layoutParams = (ViewGroup.MarginLayoutParams) tabView.getLayoutParams();
if (i == 0) {
//left
setMargin(layoutParams, externalMargin, internalMargin);
} else if (i == childCount - 1) {
//right
setMargin(layoutParams, internalMargin, externalMargin);
} else {
//internal
setMargin(layoutParams, internalMargin, internalMargin);
}
}
}
tabLayout.requestLayout();
}
}
private void setMargin(ViewGroup.MarginLayoutParams layoutParams, int start, int end) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
layoutParams.setMarginStart(start);
layoutParams.setMarginEnd(end);
} else {
layoutParams.leftMargin = start;
layoutParams.rightMargin = end;
}
}
}

OriginalL'auteur ViramP