TabLayout进阶学习

我们从上个文章看出，原生的tablayout控件，选用滚动模式时，即mMode为MODE_SCROLLABLE，默认的是屏幕上刚好显示为5个TabView。 查看源码会发现，决定tabview的宽度是mScrollableTabMinWidth控制的

final Resources res = getResources();
        mTabTextMultiLineSize = res.getDimensionPixelSize(R.dimen.design_tab_text_size_2line);
        mScrollableTabMinWidth = res.getDimensionPixelSize(R.dimen.design_tab_scrollable_min_width);

假如我们想设置一页屏幕上刚好显示4个或者6个时，我们可以重新这个值，通过自定义控件改写这个常量

下面是自定义MyTabLayout

public class MyTabLayout extends TabLayout{
    private static final int TabViewNumber=4;
    private static final String SCROLLABLE_TAB_MIN_WIDTH="mScrollableTabMinWidth";

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

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


    private void initTabWidth() {
        int screenWidth=getResources().getDisplayMetrics().widthPixels;
        int tabWidth=screenWidth/TabViewNumber;

        Field field;
        try {
            field=TabLayout.class.getDeclaredField(SCROLLABLE_TAB_MIN_WIDTH);
            field.setAccessible(true);
            field.set(this,tabWidth);
        }catch (NoSuchFieldException e){
            e.printStackTrace();
        }catch (IllegalAccessException e){
            e.printStackTrace();
        }
    }
}

这样通过反射重新定义tabview的宽度值，呈现不同的结果。

效果图：