在 TabLayout 上设置文本样式答案

【问题标题】：Styling text on TabLayout在 TabLayout 上设置文本样式
【发布时间】：2015-09-23 18:55:53
【问题描述】：

我正在尝试为 android 设计库中的新 TabLayout 设置样式。

<style name="NavigationTab" parent="Widget.Design.TabLayout">
    <item name="tabBackground">@drawable/background_tab</item>
    <item name="tabIndicatorColor">@color/blue</item>
    <item name="tabTextAppearance">@style/NavigationTabTextAppeareance</item>
</style>

文本就在这里定义

<style name="NavigationTabTextAppeareance" parent="TextAppearance.Design.Tab">
      <item name="android:textColor">@color/primary_light</item>
      <item name="android:textSize">12sp</item>
</style>

但是选中的标签总是黑的，怎么改呢？

【问题讨论】：

标签： android android-design-library

【解决方案1】：

在 NavigationTab 中设置 tabSelectedTextColor，如下所示：

<style name="NavigationTab" parent="Widget.Design.TabLayout">
    <item name="tabBackground">@drawable/background_tab</item>
    <item name="tabSelectedTextColor">@color/primary_light</item>
    <item name="tabIndicatorColor">@color/blue</item>
    <item name="tabTextAppearance">@style/NavigationTabTextAppeareance</item>
</style>

<style name="NavigationTabTextAppeareance" parent="TextAppearance.Design.Tab">
      <item name="android:textColor">@color/primary_light</item>
      <item name="android:textSize">12sp</item>
</style>

【讨论】：

【解决方案2】：

如果您只需要提供不同的文本颜色，则可以直接选择使用 app:tabTextColor for unselected 和 app:tabSelectedTextColor for selected tab text ，如示例中所示。

<android.support.design.widget.TabLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabTextColor="#607D8B"
            app:tabSelectedTextColor="#FFFFFF"/>

【讨论】：