TabLayout 之改变 Indicator 的宽度

Indicator 允许我们设置 drawable 来自定义样式，通过 layer-list 可以在上层设置一个固定宽度的 shape：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle">
 <item android:gravity="center">
 <shape>
 <size android:width="20dp"
 android:height="4dp"/>
 <solid android:color="@android:color/holo_red_light"/>
 </shape>
 </item>
</layer-list>

然后在 xml 中给 TabLayout 设置

<android.support.design.widget.TabLayout
 android:id="@+id/tl_style_one_tab"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 app:tabIndicator="@drawable/tab_indicator"/>

参考：TabLayout 之改变 Indicator 的宽度