带有深色文本的白色标签

Question

我正在使用TabLayout 并尝试将tabbackground 设置为带有深色文本的白色。

我似乎无法更改文本的颜色，而且它似乎保持白色。

这是我使用的样式：

<style name="TabWhiteText" parent="Base.TextAppearance.AppCompat">
    <item name="android:textColor">@color/deepEggplant</item>
</style>

<style name="TabWhite" parent="Widget.Design.TabLayout">
    <item name="tabSelectedTextColor">@color/deepEggplant</item>
    <item name="tabBackground">@android:color/white</item>
    <item name="tabIndicatorColor">@android:color/white</item>
</style>

<style name="TabWhiteMedium" parent="TabWhite">
    <item name="android:textAppearance">@style/TabWhiteText</item>
</style>

并应用于此：

    <android.support.design.widget.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:elevation="4dp"
        android:layout_alignParentTop="true"
        style="@style/TabWhiteMedium"
        selectFromListView:tabMode="scrollable" />

Answer 1

这里有一个很好的教程：http://guides.codepath.com/android/google-play-style-tabs-using-tablayout

您可以将textColor 与深色或标签的背景一起使用为白色：

<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout">
    <item name="tabMaxWidth">@dimen/tab_max_width</item>
    <item name="tabIndicatorColor">?attr/colorAccent</item>
    <item name="tabIndicatorHeight">2dp</item>
    <item name="tabPaddingStart">12dp</item>
    <item name="tabPaddingEnd">12dp</item>
    <item name="tabBackground">@android:color/white</item>
    <!-- Your white color maybe -->
    <item name="tabTextAppearance">@style/MyCustomTabTextAppearance</item>
    <item name="tabSelectedTextColor">?android:textColorPrimary</item>
</style>

<style name="MyCustomTabTextAppearance" parent="TextAppearance.Design.Tab">
    <item name="android:textSize">14sp</item>
    <item name="android:textColor">#000000</item>
    <!-- Or your TabLayout textcolor to dark maybe -->
    <item name="textAllCaps">true</item>
</style>

那么就用它作为TabLayout的样式吧：

<android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        style="@style/MyCustomTabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
</android.support.design.widget.TabLayout>

或其他自定义。

---

更新：另外，无需添加样式，只需：

app:tabBackground="@android:color/white"
app:tabTextColor="@color/darkcolor"

即：

<android.support.design.widget.TabLayout
          android:id="@+id/tab_layout"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:minHeight="?attr/actionBarSize"
          app:tabIndicatorColor="#ffffff"
          app:tabIndicatorHeight="4dp"
          app:tabBackground="@android:color/white" 
          app:tabTextColor="@color/darkcolor"  
          app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />

Answer 2

您可以使用setTabTextColors() 方法以编程方式为标签文本添加颜色。请参阅文档 TabLayout

要添加颜色资源，请使用 ContextCompat.getColor(context,your color resource id here) 而不是直接将资源作为参数提供