TabLayout的使用及使用中的问题总结

改变Tab字体颜色设置默认字体颜色：

app:tabTextColor="#ffffff"

设置字体被选中后的颜色

app:tabSelectedTextColor="#e40707"

设置指示器颜色

app:tabIndicatorColor="#30e407"

设置指示器高度（如果希望选项卡不显示指示器效果只需要把指示器高度设置为0就行了）

 app:tabIndicatorHeight="2dp"

设置Tab背景颜色（作用效果和Background一样）

app:tabBackground="@color/colorye"

设置Tab滚动方式

可滚动

app:tabMode="scrollable"

固定

app:tabMode="fixed"

addOnTabSelectedListener

     mytab.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {            @Override            public void onTabSelected(TabLayout.Tab tab) {//                添加选中Tab的逻辑            }            @Override            public void onTabUnselected(TabLayout.Tab tab) {//                添加未选中Tab的逻辑            }            @Override            public void onTabReselected(TabLayout.Tab tab) {//                再次选中tab的逻辑            }        });

ViewPager预加载

mViewPager.setOffscreenPageLimit(2);

TabLayout中英文大写改成小写有两种方法：

app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget"

或者自己定义一个Style

Button解决英文全是大写的情况是添加一个属性：

textAllCaps="false"

TabLayout在点击Tab的时候会出现阴影的效果，如果想去掉阴影使用一下代码：

app:tabBackground="@color/transparent"app:tabRippleColor="@color/transparent"

如果在切换Tab的时候想让选中Tab中文字加粗等操作可以使用下面这个Util

public class TabUtils {    public static void boldTab(TabLayout.Tab tab) {        setTabStyle(tab, Typeface.DEFAULT_BOLD, 0, 0, 0, 0);    }    /**     * 选中某条， 改变样式     * @param tabLayout     * @param currentTab     */    public static void tabSelect(TabLayout tabLayout, TabLayout.Tab currentTab) {        int tabCount = tabLayout.getTabCount();        TabLayout.Tab tab;        for (int i = 0; i < tabCount; i++) {            tab = tabLayout.getTabAt(i);            setTabStyle(tab, Typeface.DEFAULT, 0, 0, 0, 0x00000000);        }        setTabStyle(currentTab, Typeface.DEFAULT_BOLD, 1, 2, 2, 0x55000000);    }    public static void tabSelectAt(TabLayout tabLayout, TabLayout.Tab currentTab,int position){        int tabCount = tabLayout.getTabCount();        TabLayout.Tab tab;        for (int i = 0; i < tabCount; i++) {            tab = tabLayout.getTabAt(i);            if(i != position){                setTabStyle(tab, Typeface.DEFAULT, 0, 0, 0, 0x00000000);            }else {                setTabStyle(currentTab, Typeface.DEFAULT_BOLD, 1, 2, 2, 0x55000000);            }        }    }    /**     * 通过反射去设置样式     * @param tab     * @param tf     * @param radius     * @param dx     * @param dy     * @param color     */    public static void setTabStyle(TabLayout.Tab tab, Typeface tf, int radius, float dx, float dy, int color) {        TextView tv = getTextView(tab);        if (tv == null) { return;}        //TODO 暂时不做阴影效果//        tv.setTypeface(tf);//        tv.setShadowLayer(radius, dx, dy, color);    }    private static TextView getTextView(TabLayout.Tab tab){        try {            Field mView = tab.getClass().getDeclaredField("mView");            mView.setAccessible(true);            Object mViewObj = mView.get(tab);            Field mTextView = mViewObj.getClass().getDeclaredField("mTextView");            mTextView.setAccessible(true);            return (TextView) mTextView.get(mViewObj);        } catch (Exception e) {        }        return null;    }    /**     * 通过反射去设置下划线样式bufen     *     * @param tab     * @param leftDip     * @param rightDip     */    public static void setIndicator(TabLayout tab, int leftDip, int rightDip) {        try {            Field tabStrip = TabLayout.class.getDeclaredField("mTabStrip");            tabStrip.setAccessible(true);            LinearLayout llTab = (LinearLayout) tabStrip.get(tab);            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();            }        } catch (Exception e) {            e.printStackTrace();        }    }    /**     * 加粗current     * @param tabLayout     * @param currentTab     */    public static void tabBoldCurrent(TabLayout tabLayout, TabLayout.Tab currentTab) {        int tabCount = tabLayout.getTabCount();        TabLayout.Tab tab;        for (int i = 0; i < tabCount; i++) {            tab = tabLayout.getTabAt(i);            TextView tv = getTextView(tab);            if (tv == null) { continue;}            tv.setTypeface(Typeface.DEFAULT);        }        TextView tv = getTextView(currentTab);        if (tv == null) { return;}        tv.setTypeface(Typeface.DEFAULT_BOLD);    }    public static void enableTabs(TabLayout tabLayout, Boolean enable){        ViewGroup viewGroup = getTabViewGroup(tabLayout);        if (viewGroup != null)            for (int childIndex = 0; childIndex < viewGroup.getChildCount(); childIndex++)            {                View tabView = viewGroup.getChildAt(childIndex);                if ( tabView != null)                    tabView.setEnabled(enable);            }    }    public static View getTabView(TabLayout tabLayout, int position){        View tabView = null;        ViewGroup viewGroup = getTabViewGroup(tabLayout);        if (viewGroup != null && viewGroup.getChildCount() > position)            tabView = viewGroup.getChildAt(position);        return tabView;    }    private static ViewGroup getTabViewGroup(TabLayout tabLayout){        ViewGroup viewGroup = null;        if (tabLayout != null && tabLayout.getChildCount() > 0 ) {            View view = tabLayout.getChildAt(0);            if (view != null && view instanceof ViewGroup)                viewGroup = (ViewGroup) view;        }        return viewGroup;    }}

在Tab切换的时候监听进行调用：

  mTitleTab.addOnTabSelectedListener(new TabLayout.BaseOnTabSelectedListener() {            @Override            public void onTabSelected(TabLayout.Tab tab) {                //设置选中加粗                TabUtils.tabSelect(mTitleTab,tab);            }            @Override            public void onTabUnselected(TabLayout.Tab tab) {            }            @Override            public void onTabReselected(TabLayout.Tab tab) {            }        });

在使用TabLayout的时候，标题的Tab自动换行的解决办法，就是设置也给Tab的宽度。

   app:tabMinWidth="@dimen/space_100"   app:tabMaxWidth="@dimen/space_200"

这就是在使用TabLayout的时候遇到的一些问题及总结，写下来是为了下次更快的找到结果。

更多相关文章

随机推荐