Verschiedene tab-Breite für TabLayout

Ich bin mit TabLayout & ViewPager.
Ich versuche, ändern Sie die Größe der Registerkarte, wie Whatsapp (Kamera-Symbol).
Die Größe der drei Register gleich ist, aber die Registerkarte Kamera ist kleiner.
In jedem Versuch habe ich die Größe der Tabs bleibt die gleiche (gleich über alle Registerkarten).
Danke.

Verschiedene tab-Breite für TabLayout

  • es gibt 4 ping-Symbol ,3 png haben gleiche Höhen und breiten.Ist unterschiedlich, wie Kamera-Symbol.
  • Ich versuche, die Größen ändern, aber es ist unmöglich. Sie kommen immer in gleicher Größe
InformationsquelleAutor Dor Natan | 2017-04-30
  1. 22

    Müssen Sie senken Sie das Gewicht des LinearLayout der entsprechenden Registerkarte.

    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);

    Hoffe, das hilft!

    • Es funktioniert wie ein Charme. Danke!!! Aber, gibt es irgendeine Möglichkeit, tab-Breite als wrap_content?
    • Ich habe es gefunden. Siehe meine Antwort.
    • Ich danke Ihnen sehr
    InformationsquelleAutor digger
  2. 6

    @digger die Antwort arbeitet. Allerdings, wenn Sie wollen, dass die Registerkarte, die ein Symbol hat, nur umschließt seinen Inhalt, Sie können Gewicht zu 0 und Breite LinearLayout.LayoutParams.WRAP_CONTENT. Es funktionierte für mich.

    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
}
    InformationsquelleAutor sembozdemir
  3. 2

    Hier habe ich genommen, 5 Register und machte den 1. tab-Breite ist 12% der Bildschirm Breite und rest 4 teilen sich die Verbleibende Breite. Tut es nach einiger Verzögerung von 400 MS nach dem aufblasen der Ansichten.

    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);
    InformationsquelleAutor Vikas Rathore
  4. 0

    tabs von ungleicher Breite

    Alle Antworten bisher vernachlässigt haben, die Tatsache, dass, wenn Sie versuchen zu produzieren, die eine TabLayout, das erste, was zu tun ist, legen Sie tabMode 2 ('auto'). Dies kann getan werden, programmgesteuert oder per XML:

    tabLayout = V.findViewById(R.id.tabs); //com.google.android.material.tabs.TabLayout
tabLayout.setTabMode(TabLayout.MODE_AUTO); //app:tabMode="auto" <- XML

    Die Dokumentation für die anderen beiden ('fixed' und 'Scrollbar') ist sehr spezifisch:
    Beide haben tabs von gleicher Breite, auf der Basis der breitesten Registerkarte label.
    ( Siehe mode_fixed und mode_scrollable )

    Trotz der genannten Lernkurve, meine Erfahrung mit ViewPager2 /TabLayoutMediator war ungemütlich: ich fand, dass die LayoutParams 'hack' nicht erfolgreich angewendet werden innerhalb der TabConfigurationStrategy() überschreiben.

    Verschiedene tab-Breite für TabLayout

    Hier sind die wichtigsten Auszüge zur Erreichung der oben genannten Wirkung:

    In Fragment.onCreateView():

    List<Integer> widths = new ArrayList<>();               //Hack(1)
new TabLayoutMediator(tabLayout, viewPager, true, (tab, position) -> {
     //Custom view uses the appropriately scaled standard thumbnail Bitmap
     String path = (Img.Companion.getGALLERY().get(position).getPath());
     JPG jpg = new JPG(path);                            //Examine EXIF etc.
     Bitmap bm = jpg.getThumbBM(ImgCache.BMT.MedThumb, f0, RI().get_id(position));
     widths.add(bm.getWidth());                          //Hack(2)
     ImageView jpgIV = new ImageView(CTX.gc());
     jpgIV.setPadding(0, 0, 0, 5);  //(or indicator obscured)
     jpgIV.setImageBitmap(bm);
     tab.setCustomView(jpgIV);                           //Supply the custom View
}).attach();
setTabWidth(widths);                                    //Hack(3)

    Anderswo:

    private void setTabWidth(List<Integer> widths) {
    for (int i=0; i<tabLayout.getTabCount(); i++) { 
        setTabWidth2(i, widths.get(i));   
        //setTabWidth2(i, LinearLayout.LayoutParams.WRAP_CONTENT); nogo!!
    }
}

private void setTabWidth2(int tabPosition, int w) { 
    LinearLayout ll = (LinearLayout) (((LinearLayout)(tabLayout.getChildAt(0))).getChildAt(tabPosition));
    LinearLayout.LayoutParams llP = (LinearLayout.LayoutParams)ll.getLayoutParams();
    llP.weight = 0f;
    llP.width = w;
    ll.setLayoutParams(llP);
}
    InformationsquelleAutor Bad Loser
Schreibe einen Kommentar