修改系统TabLayout(下划线宽度,底部分割线,竖直分割线等)

第一步:(类的提取)

首先打开系统TabLayout源码,查看所在的包

修改系统TabLayout(下划线宽度,底部分割线,竖直分割线等),第1张
TabLayout类

将TabLayout类复制到自己所建的包中,这时类中所引用的类因为是包权限关系会找不到

比如:

1:ThemeUtils

修改系统TabLayout(下划线宽度,底部分割线,竖直分割线等),第2张
ThemeUtils类

2:TabItem

修改系统TabLayout(下划线宽度,底部分割线,竖直分割线等),第3张
TabItem类

3:AnimationUtils

修改系统TabLayout(下划线宽度,底部分割线,竖直分割线等),第4张
AnimationUtils类

以上三个类如下图

修改系统TabLayout(下划线宽度,底部分割线,竖直分割线等),第5张
系统类所在位置

找到系统TabLayout所在的包,将以上三个类提取出来 ,将TabLayout中所引用到的类改为提取出来的类,完成以上操作之后,可以像普通的自定义view一样使用自定义的TabLayout了。

第二步:(类文件整合)

将提取出来的类进行整合

1:AnimationUtils 中只有一个计算方法用到了 可删除此类 ,将方法与变量整合到TabLayout中

修改系统TabLayout(下划线宽度,底部分割线,竖直分割线等),第6张
AnimationUtils类

2:ThemeUtils 中只是进行了一个主题检验,也可整合到TabLayout中

修改系统TabLayout(下划线宽度,底部分割线,竖直分割线等),第7张
ThemeUtils类

3:TabItem 此类是一个自定义的view需要在布局文件中用到,固不改变

修改系统TabLayout(下划线宽度,底部分割线,竖直分割线等),第8张
TabItem类

第三步:(自定义属性)

1: TabItem属性可自定义也可使用系统定义的。

2:TabLayout 先保留系统的属性(将系统定义的属性复制出来),也可添加自定义属性

此图为系统属性

修改系统TabLayout(下划线宽度,底部分割线,竖直分割线等),第9张
系统属性

此图为添加了自定义属性之后

修改系统TabLayout(下划线宽度,底部分割线,竖直分割线等),第10张
自定义属性

第四步(自定义属性的实现)

实现原则:保留系统TabLayout的特性,在此基础上进行扩展

实现代码:仅贴出部分代码(以下代码都比较简单都可根据需要自行更改)

修改系统TabLayout(下划线宽度,底部分割线,竖直分割线等),第11张
构造方法的部分
修改系统TabLayout(下划线宽度,底部分割线,竖直分割线等),第12张
属性的解析
修改系统TabLayout(下划线宽度,底部分割线,竖直分割线等),第13张
属性的实现

第五步(效果呈现)

修改系统TabLayout(下划线宽度,底部分割线,竖直分割线等),第14张
效果图

补充说明:下图可以看到 tabLayout.setupWithViewPager(viewPager);时移除了所有的Tabs

修改系统TabLayout(下划线宽度,底部分割线,竖直分割线等),第15张
补充
本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复

    作者信息

    标签TAG

    相关文章