TabLayout (Android Design Library) Цвет Текста

Question

TabLayout (Android Design Library) Цвет Текста

Я использую новый TabLayout из библиотеки дизайна Android. Мне удалось установить textColor statelist с помощью tabLayout.setTabTextColors(colorstatelist)

Как я могу достичь того же с помощью стилей.xml?

449 4

android android-design-library androiddesignsupport

4 ответов:

Comments

Ничего не найдено.

Fe Le · Accepted Answer · 2016-12-05 16:57:21

через атрибуты 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)
);

Chuehnone · Accepted Answer · 2015-07-01 09:11:08

вот фрагмент кода для переопределения стиля текста и цвета выделенного текста

<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" />

Tinashe · Accepted Answer · 2016-05-16 11:48:19

все ответы выше верны, но я просто думаю, что лучше переопределить стили по умолчанию и изменить только конкретный элемент, который вы хотите изменить. Пример ниже выделит текст жирным шрифтом:
<style name="Widget.TabItem" parent="TextAppearance.Design.Tab">
    <item name="android:textStyle">bold</item>
</style>
затем..,
app:tabTextAppearance="@style/Widget.TabItem"

Moinkhan · Accepted Answer · 2015-06-18 12:44:41

вы просто должны переопределить android:textAppearance стиль. Потому что TabLayout использует textAppearance. вот небольшой фрагмент кода стиля.

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    
    <item name="android:textAppearance">@style/my_tab_text</item>
</style>

<style name="my_tab_text" parent="Base.TextAppearance.AppCompat">
    <item name="android:textColor">@android:color/holo_blue_dark</item>
</style>
и если вы не хотите ссылаться на свой Apptheme вы можете напрямую указать TabLayout, используя приведенный ниже фрагмент.
 <android.support.design.widget.TabLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabTextAppearance="@style/my_tab_text"
            app:tabIndicatorHeight="48dp"/>