單擊時如何更改選項卡的背景色

Question

我有一個TabLayout ，它顯示大約4個選項卡。 當我單擊一個選項卡時，背景顏色是令人討厭的淡黃色突出顯示（然后在釋放時恢復為正常）。 在過渡到所需片段的過程中，我將如何更改它使其為白色。

這是我的應用主題

app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"

這是Tablayout和ViewPager

<android.support.design.widget.TabLayout
    android:id="@+id/sliding_tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/headBlue"
    app:tabMaxWidth="0dp"
    app:tabGravity="fill"
    app:tabIndicatorColor="@android:color/white"
    app:tabMode="fixed" />

<android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="0px"
    android:layout_weight="1" />

這是依賴項

compile 'com.android.support:appcompat-v7:23.2.0'
compile 'com.android.support:design:23.2.0'

Answer 1

第1步

在可繪制目錄中為名為tab_selector.xml的選擇器創建可繪制文件。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/tab_background_selected" android:state_selected="true" />
    <item android:drawable="@drawable/tab_background_unselected" android:state_selected="false" android:state_focused="false" android:state_pressed="false" />
</selector>

第2步

在可繪制目錄中創建tab_background_selected.xml文件。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <solid android:color="#FF0000" />
</shape>

第三步

在可繪制目錄中創建tab_background_unselected.xml文件。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <solid android:color="#00FF00" />
</shape>

第四步

最后，將其應用於您的樣式。

<style name="Base.Widget.Design.TabLayout" parent="android:Widget">
    <item name="tabBackground">@drawable/tab_selector</item>
</style>