博客

只是想设置tabLayout下划线的小伙伴千万不要误入歧途，以下是看了官方了解过后想的办法，亲测能用又简洁。

废话不多说直接上代码

<com.google.android.material.tabs.TabLayout
            android:id="@+id/tab_layout_new"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabIndicator="@drawable/center_tab_line"
            app:tabGravity="center"
            app:tabIndicatorColor="@color/col_theme"
            app:tabIndicatorFullWidth="false"
            app:tabIndicatorHeight="2dp"
            app:tabSelectedTextColor="@color/col_theme"
            app:tabTextAppearance="@style/news_tab_layout" />

主要是这个：

app:tabIndicator="@drawable/center_tab_line"

center_tab_line的代码：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:opacity="opaque"
    tools:targetApi="23">

    <item
        android:width="40dp"
        android:gravity="center_horizontal">
        <shape android:shape="rectangle">
            <solid android:color="@color/col_theme" />
        </shape>
    </item>
</layer-list>

这行代码就设置了宽度

android:width="40dp"

最终效果：