TabLayout 修改背景色,字体颜色,指示线的颜色和宽度

TabLayout 修改背景色,字体颜色,指示线的颜色和宽度_第1张图片
image.png

总的代码如下:改style放到values的style中,就重新设置了tablayout的属性了!!!


    

    

1: 修改背景色

 @android:color/white

2: 字体颜色

TabLayout 修改背景色,字体颜色,指示线的颜色和宽度_第2张图片
image.png

3: 指示线

A: 颜色和高度

 #3D87FB
 2dp

B: 指示线的宽度

其中的20,20代表了,左边间距,右边间距

mTabLayout.post(new Runnable() {
            @Override
            public void run() {
                setIndicator(mTabLayout,20,20);
            }
        });
public void setIndicator(TabLayout tabs, int leftDip, int rightDip) {
        Class tabLayout = tabs.getClass();
        Field tabStrip = null;
        try {
            tabStrip = tabLayout.getDeclaredField("mTabStrip");
        } catch (NoSuchFieldException e) {
            e.printStackTrace();
        }

        tabStrip.setAccessible(true);
        LinearLayout llTab = null;
        try {
            llTab = (LinearLayout) tabStrip.get(tabs);
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        }

        int left = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,
                leftDip, Resources.getSystem().getDisplayMetrics());
        int right = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,
                rightDip, Resources.getSystem().getDisplayMetrics());

        for (int i = 0; i < llTab.getChildCount(); i++) {
            View child = llTab.getChildAt(i);
            child.setPadding(0, 0, 0, 0);
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(0, LinearLayout.LayoutParams.MATCH_PARENT, 1);
            params.leftMargin = left;
            params.rightMargin = right;
            child.setLayoutParams(params);
            child.invalidate();
        }
    }

你可能感兴趣的:(TabLayout 修改背景色,字体颜色,指示线的颜色和宽度)