标签背景点击效果和选定的选项卡背景颜色更改

Question

我想实现点击效果和选定的选项卡背景，我使用以下代码更改选定的选项卡背景。

mylayout.xml代码

 <android.support.design.widget.TabLayout
            android:id="@+id/tab_layout"
            android:layout_width="match_parent"
            android:layout_height="45dp"
            android:background="?attr/colorPrimary"
            app:tabBackground="@drawable/tab_color_selector"
            app:tabIndicatorColor="@android:color/white"
            app:tabIndicatorHeight="2dp"
            app:tabGravity="fill"
            />

TAB_COLOR_SELECTOR内部绘制

<?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@color/colorTabPrimary" 
 android:state_selected="true"/>
<item android:drawable="@color/colorPrimary"/>
 </selector>

上面的代码正常工作，

要提供点击效果，我必须使用以下

 app:tabBackground="?attr/selectableItemBackground"

如何将两者都结合在一起？

Answer 1

用于更改选定选项卡的textColor的

您可以简单地使用TabLayout的属性。

app:tabSelectedTextColor="@android:color/white" 

更改选定选项卡的背景确实以下是

app:tabBackground="@drawable/selector_tab"

创建一个XML文件

selector_tab.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true">
        <shape>
            <solid android:color="@color/colorGreen" />
        </shape>
    </item>
    <item android:state_selected="false">
        <shape xmlns:android="http://schemas.android.com/apk/res/android">
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>
</selector>

Answer 2

尝试以下

tab_color_selector.xml可绘制的可添加ripple.xml到state_pressed

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@color/blue_selected_tab" 
 android:state_selected="true"/>
<item android:drawable="@drawable/ripple" android:state_pressed="true"/>
<item android:drawable="@color/colorPrimary"/>
</selector>

ripple.xml可绘制

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:color="@color/blue_selected_tab"
tools:targetApi="lollipop"> <!-- ripple effect color -->
<item android:id="@android:id/background">
    <shape android:shape="rectangle">
        <solid android:color="@color/blue_selected" /> <!-- background color -->
    </shape>
</item>