TabLayout(Android设计库)文本颜色

Question

我正在使用Android设计库中的新TabLayout.我设法使用了textcolor statelisttabLayout.setTabTextColors(colorstatelist)

如何使用styles.xml实现相同的目标？

Answer 1

通过XML属性:

<android.support.design.widget.TabLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="fixed"
        app:tabGravity="fill"
        app:tabTextColor="@color/your_unselected_text_color"
        app:tabSelectedTextColor="@color/your_selected_text_color"/>

此外,还有tabIndicatorColor或tabIndicatorHeight等属性可用于进一步设计样式.

在代码中:

tabLayout.setTabTextColors(
    getResources().getColor(R.color.your_unselected_text_color),
    getResources().getColor(R.color.your_selected_text_color)
);

由于这种旧方法从API 23开始被弃用,因此替代方案是:

tabLayout.setTabTextColors(
    ContextCompat.getColor(context, R.color.your_unselected_text_color),
    ContextCompat.getColor(context, R.color.your_selected_text_color)
);

Answer 2

以下是覆盖文本样式和所选文本颜色的代码段代码

<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout">
    <item name="tabTextAppearance">@style/MyCustomTabText</item>
    <item name="tabSelectedTextColor">@color/tab_text_act</item>
</style>

<style name="MyCustomTabText" parent="TextAppearance.AppCompat.Button">
    <item name="android:textSize">14sp</item>
    <item name="android:textColor">@color/tab_text</item>
</style>

这是布局的代码段

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

Answer 3

上面的所有答案都是正确的,但我认为最好覆盖默认样式,只更改要更改的特定元素.下面的示例将使文本变为粗体:

<style name="Widget.TabItem" parent="TextAppearance.Design.Tab">
    <item name="android:textStyle">bold</item>
</style>

然后..,

app:tabTextAppearance="@style/Widget.TabItem"