TabLayoutで選択したタブのタイトルの色を変更するにはどうすればいいですか？

Question

このエリアの色をTabLayoutのアイコンの背後で変更したいのですが、アイコンのある行だけです。私はタイトルの下にこのピンクの線を変更する必要がありますが、私はスタイルで適切なパラメータを見つけることができません。私のスタイル：タブの背景色については

<style name="AppTabLayout" parent="Widget.Design.TabLayout"> 
    <item name="tabIndicatorColor">?attr/colorAccent</item> 
    <item name="tabIndicatorHeight">4dp</item> 
    <item name="tabPaddingStart">6dp</item> 
    <item name="tabPaddingEnd">6dp</item> 
    <item name="tabBackground">?attr/selectableItemBackground</item> 
    <item name="tabTextAppearance">@style/AppTabTextAppearance</item> 
    <item name="tabSelectedTextColor">@color/darkPurple</item> 
    </style> 

    <!-- for text --> 
    <style name="AppTabTextAppearance" parent="TextAppearance.Design.Tab"> 
    <item name="android:textSize">12sp</item> 
    <item name="android:textColor">@color/orange</item> 
    <item name="textAllCaps">false</item> 
    </style> 

Answer 1

、selectorを作成し、同様にそのセレクタのリソースIDを置く：

<item name="tabBackground">@drawable/selector_name</item>。ピンク下線のために

、XMLでatributeを追加

app:tabIndicatorColor="@color/colorBlack"// it set Selected tab underline color 
app:tabSelectedTextColor="@color/colorPrimary"// it set Selected tab text color 
app:tabTextColor="@color/colorAccent"// it set tab text color 

Answer 2

に色を変更します。

<android.support.design.widget.TabLayout 
    .... 
    app:tabBackground="@drawable/tab_color_selector" 
    ... 
    /> 

Drawableフォルダtab_color_selector.xmlに作成します

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

Answer 3

タブレイアウトのこの使用次のプロパティを試してみてください

<item name="tabIndicatorColor">@color/your_new_color</item>

Answer 4

あなたdrawable folder

---

<selector xmlns:android="http://schemas.android.com/apk/res/android"> 

<!-- Non focused states --> 
<item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/timecard" 
    android:color="@color/colorText" /> 
<item android:state_focused="false" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/timecard_selected" 
    android:color="@color/colorSkyBlue"/> 

<!-- Focused states --> 
<item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/timecard" 
    android:color="@color/colorText"/> 
<item android:state_focused="true" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/timecard_selected" 
    android:color="@color/colorSkyBlue"/> 

<!-- Pressed --> 
<item android:state_selected="true" android:state_pressed="true" android:drawable="@drawable/timecard" 
    android:color="@color/colorText"/> 
<item android:state_pressed="true" android:drawable="@drawable/timecard_selected" 
    android:color="@color/colorSkyBlue" /> 

---

でbg_colorを作成し、この

• を試してみてください
  • とあなたのlayout
このような

---

<android.support.design.widget.TabLayout 
      android:id="@+id/tabs" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:padding="0dp" 
      android:tabStripEnabled="false" 
      app:tabIndicatorHeight="0dp" 
      android:fitsSystemWindows="true" 
      app:tabContentStart="0dp" 
      app:tabBackground="@drawable/bg_color" 
      app:tabPaddingStart="0dp" 
      android:paddingLeft="0dp" 
      app:tabPaddingEnd="0dp" 
      app:paddingEnd="0dp" 
      android:layout_gravity="center_vertical" 
      app:tabIndicatorColor="@color/colorSkyBlue" 
      android:paddingRight="0dp" 
      app:tabSelectedTextColor="@color/colorSkyBlue" /> 

でこれを追加