TabLayout & Indicator

前言

需求，Tab 的 indicator 自定义，主要是宽度固定。

Tab Indicator 效果

Tab-WX20200828-092349.png

TabLayout

<com.google.android.material.tabs.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="@color/white"
        app:tabBackground="@color/white"
        app:tabIndicatorColor="#ff0000"
        app:tabIndicator="@drawable/indicator"
        app:tabSelectedTextColor="#ff0000"
        app:tabMode="scrollable"
        app:tabUnboundedRipple="true"
        app:tabTextAppearance="@style/style"
        app:tabTextColor="#ff0000" />

indicator drawable

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:width="20dp"
        android:gravity="center">
        <shape>
            <corners android:radius="10dp" />
            <size android:height="2dp" />
            <solid android:color="#ff0000" />
        </shape>
    </item>
</layer-list>