Android设置TabLayout下划线宽度,靠谱版本!

Android设置TabLayout下划线宽度,靠谱版本!


初衷:看了网上的乱七八糟,用反射弧、或者下载第三方来设置TabLayout下划线,简直大费周章,还有甚至用setCustomView,简直让Google工程师白设计setupWithViewPager。

只是想设置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"

最终效果:
在这里插入图片描述

你可能感兴趣的:(android,android,studio)