web-dev-qa-db-fra.com

Largeur de tabulation différente pour TabLayout

J'utilise TabLayout & ViewPager. J'essaie de changer la taille de l'onglet, comme Whatsapp (icône d'appareil photo). La taille des trois onglets est égale, mais l'onglet de la caméra est plus petit. À chaque tentative, je fais en sorte que la taille des onglets reste la même (égale sur tous les onglets). Merci.

enter image description here

androidandroid-layoutandroid-fragmentsandroid-viewpagerandroid-tablayout
14
Dor Natan

Vous devez réduire le poids du LinearLayout de l'onglet correspondant.

LinearLayout layout = ((LinearLayout) ((LinearLayout) tabLayout.getChildAt(0)).getChildAt(YOUR_TAB_NUMBER));
LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) layout.getLayoutParams();
layoutParams.weight = YOUR_WEIGHT; // e.g. 0.5f
layout.setLayoutParams(layoutParams);

J'espère que cela pourra aider!

23
digger

La réponse de @ digger fonctionne. Cependant, si vous souhaitez que l'onglet qui a une icône enveloppe uniquement son contenu, vous pouvez définir un poids sur 0 et largeur à LinearLayout.LayoutParams.WRAP_CONTENT. Ça a marché pour moi.

fun TabLayout.setTabWidthAsWrapContent(tabPosition: Int) {
    val layout = (this.getChildAt(0) as LinearLayout).getChildAt(tabPosition) as LinearLayout
    val layoutParams = layout.layoutParams as LinearLayout.LayoutParams
    layoutParams.weight = 0f
    layoutParams.width = LinearLayout.LayoutParams.WRAP_CONTENT
    layout.layoutParams = layoutParams
}
8
sembozdemir

Ici, j'ai pris 5 onglets et fait la première largeur d'onglet est de 12% de la largeur de l'écran et 4 autres partagent la largeur restante. Le faire après un certain retard de 400 ms après avoir gonflé les vues.

DisplayMetrics displaymetrics = new DisplayMetrics ();

getWindowManager (). getDefaultDisplay (). getMetrics (displaymetrics);

    int width= displaymetrics.widthPixels;

    int widthOtherThanFirst= (int) ((float)width*(8.80f/10f));
    int allOther=widthOtherThanFirst/4;

    new Handler().postDelayed(new Runnable() {
        @Override
        public void run() {
            LinearLayout layout1 = ((LinearLayout) ((LinearLayout)tabLayout.getChildAt(0)).getChildAt(0));
            LinearLayout.LayoutParams layoutParams1 = (LinearLayout.LayoutParams) layout1.getLayoutParams();
            layoutParams1.width = width-widthOtherThanFirst; 
            layout1.setPadding(0,0,0,0);
            layout1.setLayoutParams(layoutParams1);

            LinearLayout layout2 = ((LinearLayout) ((LinearLayout)tabLayout.getChildAt(0)).getChildAt(1));
            LinearLayout.LayoutParams layoutParams2 = (LinearLayout.LayoutParams) layout2.getLayoutParams();
            layoutParams2.width = allOther; 
            layout2.setLayoutParams(layoutParams2);

            LinearLayout layout5 = ((LinearLayout) ((LinearLayout)tabLayout.getChildAt(0)).getChildAt(2));
            LinearLayout.LayoutParams layoutParams5 = (LinearLayout.LayoutParams) layout5.getLayoutParams();
            layoutParams5.width = allOther; 
            layout5.setLayoutParams(layoutParams5);

            LinearLayout layout3 = ((LinearLayout) ((LinearLayout)tabLayout.getChildAt(0)).getChildAt(3));
            LinearLayout.LayoutParams layoutParams3 = (LinearLayout.LayoutParams) layout3.getLayoutParams();
            layoutParams3.width = allOther;
            layout3.setLayoutParams(layoutParams3);

            LinearLayout layout4 = ((LinearLayout) ((LinearLayout)tabLayout.getChildAt(0)).getChildAt(4));
            LinearLayout.LayoutParams layoutParams4 = (LinearLayout.LayoutParams) layout4.getLayoutParams();
            layoutParams4.width = allOther; 
            layout4.setLayoutParams(layoutParams4);

            tabLayout.invalidate();

        }
    },400);
2
Vikas Rathore