在使用TabLayout的过程中,为每个标签添加一个 下划线,但发现每个下划线的 宽度 都是一样的,例如会如下显示
这样很难看,所以必须进行调整后的效果如下:
看,这样不是非常和谐啦!~~
实现方法很简单,只需要用反射重写一些 TabLayout 就行!
我这里干脆做成了一个Util类 TabLayoutUtil .java ,代码如下:
package com.jack.appnews.util;import android.support.design.widget.TabLayout;import android.view.View;import android.widget.LinearLayout;import android.widget.TextView;import java.lang.reflect.Field;/** * TabLayoutUtil 工具类 */public class TabLayoutUtil { public static void reflex(final TabLayout tabLayout) { //了解源码得知 线的宽度是根据 tabView的宽度来设置的 tabLayout.post(new Runnable() { @Override public void run() { try { //拿到tabLayout的mTabStrip属性 LinearLayout mTabStrip = (LinearLayout) tabLayout.getChildAt(0); int dp10 = UiUtil.dip2px(tabLayout.getContext(), 10); for (int i = 0; i < mTabStrip.getChildCount(); i++) { View tabView = mTabStrip.getChildAt(i); //拿到tabView的mTextView属性 tab的字数不固定一定用反射取mTextView Field mTextViewField = tabView.getClass().getDeclaredField("mTextView"); mTextViewField.setAccessible(true); TextView mTextView = (TextView) mTextViewField.get(tabView); tabView.setPadding(0, 0, 0, 0); //因为我想要的效果是 字多宽线就多宽,所以测量mTextView的宽度 int width = 0; width = mTextView.getWidth(); if (width == 0) { mTextView.measure(0, 0); width = mTextView.getMeasuredWidth(); } //设置tab左右间距为10dp 注意这里不能使用Padding 因为源码中线的宽度是根据 tabView的宽度来设置的 LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) tabView.getLayoutParams(); params.width = width; params.leftMargin = dp10; params.rightMargin = dp10; tabView.setLayoutParams(params); tabView.invalidate(); } } catch (NoSuchFieldException e) { e.printStackTrace(); } catch (IllegalAccessException e) { e.printStackTrace(); } } }); }}
二、如何使用
在Activity 或者 BaseFragment 文件中,初始化完 TabLayout 后,
TabLayoutUtil.reflex(tabLayout);
private void bindData() { tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE); TabLayoutUtil.reflex(tabLayout); //修复 文本显示宽度问题}
本博客地址:
本文原文地址:
转载请著名出处!谢谢~~