TabLayout 之改变 Indicator 的宽度

752 阅读1分钟

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 的宽度