TabLayout颜色未选中的选项卡下划线

Question

在此图片中,在tablayout中,选定的tabbar下划线颜色为紫色和文本.

我搜索未选中的tabbar,但我找不到未选中的tabbar下划线.

我想在选择某个标签时更改颜色,更改未选中的标签栏下划线颜色.

如果你知道这件事,你能帮助我吗？

Answer 1

在drawable文件夹中创建一个xml文件

custom_indicator.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 <!-- UNSELECTED TAB STATE -->
<item android:state_selected="false" android:state_pressed="false">
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <!-- Bottom indicator color for the UNSELECTED tab state -->
        <item android:top="-5dp" android:left="-5dp" android:right="-5dp">
            <shape android:shape="rectangle">
                <stroke android:color="#65acee" android:width="2dp"/>
            </shape>
        </item>
    </layer-list>
</item>
</selector>

并设置这个drawable在你的 tabLayout

<android.support.design.widget.TabLayout
            android:id="@+id/tab_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/white"
            app:tabGravity="fill"
            app:tabMode="fixed"
            app:tabBackground="@drawable/custom_indicator" />

要更改未选择的选项卡文本颜色,只需提供默认选项卡文本颜色和选定的选项卡文本颜色,如下所示:

<android.support.design.widget.TabLayout
            android:id="@+id/tab_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/white"
            app:tabGravity="fill"
            app:tabMode="fixed"
            app:tabTextColor="@color/unselected_color"
            app:tabSelectedTextColor="@color/selected_color"
            app:tabBackground="@drawable/custom_indicator" />