TabLayout 上的样式文本

Question

我正在尝试从 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>

但是选中的标签总是黑色的，我该如何更改？

Answer 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>

Answer 2

如果您只需要提供不同的文本颜色，那么可以直接选择 app:tabTextColor 用于未选择的 和 app:tabSelectedTextColor 用于选定的标签文本 就像例子中的那样。

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

TabLayout 上的样式文本

Styling text on TabLayout

android

android-design-library