Tablayout自定义下划线长度_自定义tab的tablayout设置下划线长度-CSDN博客

本文介绍如何修改Android Support库中的TabLayout组件，实现自定义指示器宽度及过渡动画效果，提供了一种不依赖第三方库的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近接到一个任务，就是要修改原来用的官方support包TabLayout中的指示器线宽，改成固定值，当然网上有什么反射加padding什么的，可是治标不治本，切Tab过渡动画也加不了，什么？你告诉我github又xxx类似控件，可是为什么我要放弃google大神的源码呢，改改就能增加新功能了呢，为了达到目的，我就开始了下面一系列骚操作

0. 老规矩，先放效果图

1. 骚操作之一：copy support包TabLayout 一份当做自己的自定义view

本次骚操作是基于support ‘27.1.0’版本，从support ‘27.1.0’考出文件到我的项目目录如下图，蓝色部分，四个文件，当然不是一帆风顺的，需要改点包名，取消掉一下注解警告，总之后面会放出源码

不同的版本可能需要拷贝出来的文件不一样哟，于support ‘27.1.0’版本需要考出上图蓝色的4个文件

2. 骚操作之二： fuck源代码，读懂之后开始改造

首先指示器的线是画出来的，关键代码如下（以下改动代码均为tabLayout类）

   canvas.drawRect(mIndicatorLeft, getHeight() - mSelectedIndicatorHeight,
                            mIndicatorRight, getHeight(), mSelectedIndicatorPaint);

OK, mIndicatorLeft是滚动或者点击切tab时候通过偏移量计算出来的，总之不重要，完成第一个目标。修改指示器线宽，思路呢，就是给mIndicatorLeft和mIndicatorRight做一个便宜量就行了，
看看我怎么改的吧

其中2个成员变量是我在SlidingTabStrip类中新增的

 private int mSelectedIndicatorWidth =  dpToPx(27);;
        private int mMinTabWidth = Integer.MAX_VALUE;

我这里偷懒一下就不做方法暴露了，直接写死了线宽为27dp了

好了，已经完成修改线宽目标了。

接下来增加指示线滑动切tab的过渡动画

很简单我就放代码吧，关键就是在onPageScrolled方法里面做点手脚

总共改动就50来行吧，就达成效果了。是不是很简单。（简单才怪，总之做出来之后觉得确实蛮简单的）
这样改好处多多，为什么呢？xml基本不需要改变，tablayout名字改一下，代码也是导包改一下，替换官方tablayout的时候代码几乎不需要变化，是不是很爽？

3. github下载，喜欢就给个star吧，如果对你有帮助的话

https://github.com/zjw-swun/AppOrder