TabLayout 的底部指示线修改(固定长度,圆角)

最终效果

• 底部导航栏长度不再是填满,而是固定长度
• 显示圆角矩形
  

实现原理

• 隐藏 TabLayout 原生的 tabIndicator

 <android.support.design.widget.TabLayout
       ...
        app:tabIndicatorHeight="0dp"
     .../>

• 替换 tabBackground

 <android.support.design.widget.TabLayout
       ...
         app:tabBackground="@drawable/tab_selector"
     .../>

• selector 代码

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/tab_selected" android:state_selected="true" />
    <item android:drawable="@color/white" />