Android中修改TabLayout下划线宽度(终极方案)

TabLayout搭配ViewPager用起来的确很爽，尴尬的是官方没有提供修改下划线长度的方法。造成了下划线长度和item的宽一样长。百度找到网上的方案，通过反射修改每个Item的Margin，Item变小了，随之下划线就变短了。尴尬的是当Item个数比较多而且Title字数较多的时候，文字就会换行。反射方法原文

最终解决方法：

1.先把TabLayout源码下来

2.在TabLayout中找到SlidingTabStrip的draw()方法

@Override
public void draw(Canvas canvas) {
    super.draw(canvas);

    // Thick colored underline below the current selection
    if (mIndicatorLeft >= 0 && mIndicatorRight > mIndicatorLeft) {
    canvas.drawRect(mIndicatorLeft, getHeight() - mSelectedIndicatorHeight,
            mIndicatorRight, getHeight(), mSelectedIndicatorPaint);
    }
}
           

3.计算好下划线左右两边的边距

@Override
public void draw(Canvas canvas) {
    super.draw(canvas);

    if (mIndicatorLeft >= 0 && mIndicatorRight > mIndicatorLeft) {
        canvas.drawRect(mIndicatorLeft+dpToPx(25), getHeight() - mSelectedIndicatorHeight,
                mIndicatorRight-dpToPx(25), getHeight(), mSelectedIndicatorPaint);
    }
}
           

最终效果如下:

说明:下划线左右边距可以计算一次然后记录下来，避免浪费CPU资源。