选项卡不适合使用 tabmode=scrollable 的屏幕，即使使用自定义选项卡布局 [英] Tabs don't fit to screen with tabmode=scrollable, Even with a Custom Tab Layout

问题描述

我使用 ViewPager 制作了一个自定义 TabLayout，并且在可滚动模式下使用 TabLayout:

我需要它是可滚动的，因为日期的数量可以多达 15-20 个:

我在另一个类似问题中使用的自定义类:

解决方案

我四处寻找这个确切问题的答案.In my case I was dynamically adding and removing tabs, so I wanted it to fill the screen when there were only a few tabs, but start scrolling when there were too many rather than shrinking them or putting the titles on two lines.使用以下自定义选项卡布局终于让它为我工作.在调用 super.onMeasure() 之前 设置最小宽度是关键.

public class CustomTabLayout extends TabLayout {公共 CustomTabLayout(上下文上下文){超级(上下文)；}公共 CustomTabLayout(上下文上下文，AttributeSet attrs){超级(上下文，属性)；}公共 CustomTabLayout(上下文上下文，AttributeSet attrs，int defStyleAttr){超级(上下文，属性，defStyleAttr)；}@覆盖protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {ViewGroup tabLayout = (ViewGroup)getChildAt(0);int childCount = tabLayout.getChildCount();如果(孩子计数！= 0){DisplayMetrics displayMetrics = getContext().getResources().getDisplayMetrics();int tabMinWidth = displayMetrics.widthPixels/childCount;for(int i = 0; i < childCount; ++i){tabLayout.getChildAt(i).setMinimumWidth(tabMinWidth);}}super.onMeasure(widthMeasureSpec, heightMeasureSpec);}}

在xml中设置tab模式为可滚动.

I have made a custom TabLayout with a ViewPager and am using the TabLayout in scrollable mode:

I need it to be scrollable as the number of dates can vary to as many as 15-20:

<com.example.project.recommendedapp.CustomScrollableTabLayout
    android:id="@+id/tab_layout_movie"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:elevation="6dp"
    android:minHeight="?attr/actionBarSize"
    app:tabGravity="fill"
    app:tabMode="scrollable"
    app:tabTextAppearance="?android:textAppearanceMedium"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>

The custom class i used as per another similar question: TabLayout not filling width when tabMode set to 'scrollable'

The custom tablayout class is:

package com.example.project.recommendedapp;

import android.content.Context;
import android.graphics.Point;
import android.support.design.widget.TabLayout;
import android.util.AttributeSet;
import android.util.Log;
import android.view.Display;
import android.view.WindowManager;

import java.lang.reflect.Field;

public class CustomScrollableTabLayout extends TabLayout {
    private Context mContext;

    Point size;

    public CustomScrollableTabLayout(Context context) {
        super(context);
        mContext=context;
        size = new Point();
    }

    public CustomScrollableTabLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        mContext=context;
        size = new Point();
    }

    public CustomScrollableTabLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        mContext=context;
        size = new Point();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        try {
            if (getTabCount() == 0) {
                return;
            }else {
                Display display = ((WindowManager) mContext.getSystemService(Context.WINDOW_SERVICE)).getDefaultDisplay();
                display.getSize(size);
                int width = size.x;

                Field field = TabLayout.class.getDeclaredField("mScrollableTabMinWidth");
                field.setAccessible(true);
                field.set(this, (width / getTabCount()));

                Log.d("FragmentCreate",String.valueOf(width / getTabCount()));
            }
        } catch (Exception e) {
            Log.e("FragmentCreate","Error while setting width",e);
        }
    }
}

解决方案

I looked all over for an answer to this exact problem. In my case I was dynamically adding and removing tabs, so I wanted it to fill the screen when there were only a few tabs, but start scrolling when there were too many rather than shrinking them or putting the titles on two lines. Using the following custom tab layout finally got it working for me. It was key to set the minimum width before calling super.onMeasure().

public class CustomTabLayout extends TabLayout {

    public CustomTabLayout(Context context) {
        super(context);
    }

    public CustomTabLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomTabLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        ViewGroup tabLayout = (ViewGroup)getChildAt(0);
        int childCount = tabLayout.getChildCount();

        if( childCount != 0 ) { 
            DisplayMetrics displayMetrics = getContext().getResources().getDisplayMetrics();
            int tabMinWidth = displayMetrics.widthPixels/childCount;

            for(int i = 0; i < childCount; ++i){
                tabLayout.getChildAt(i).setMinimumWidth(tabMinWidth);
            }
        }

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

Set the tab mode to scrollable in the xml.

    <com.package.name.CustomTabLayout
        android:id="@+id/my_tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="scrollable">

这篇关于选项卡不适合使用 tabmode=scrollable 的屏幕，即使使用自定义选项卡布局的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！