Дайте текст выбранной вкладки другого цвета, используя ViewPagerIndicator

Я попытался разрешить демонстрацию SampleTabsStyled из ViewPagerIndicator изменить цвет текст выбранной вкладки без успеха.

Тем не менее, SampleTitlesStyledTheme demo меняет свой цвет текста при переключении между заголовками/вкладками.

При просмотре стилей xml:

<resources>
    ...
    <style name="CustomTitlePageIndicator">
        <item name="android:background">#18FF0000</item>
        <item name="footerColor">#FFAA2222</item>
        <item name="footerLineHeight">1dp</item>
        <item name="footerIndicatorHeight">3dp</item>
        <item name="footerIndicatorStyle">underline</item>
        <item name="android:textColor">#AA000000</item>
        <item name="selectedColor">#FF000000</item>
        <item name="selectedBold">true</item>
    </style>
    ...
    <style name="CustomTabPageIndicator" parent="Widget.TabPageIndicator">
        <item name="android:background">@drawable/custom_tab_indicator</item>
        <item name="android:textAppearance">@style/CustomTabPageIndicator.Text</item>
        <item name="android:textColor">#FF555555</item>
        <item name="android:textSize">16sp</item>
        <item name="android:divider">@drawable/custom_tab_indicator_divider</item>
        <item name="android:dividerPadding">10dp</item>
        <item name="android:showDividers">middle</item>
        <item name="android:paddingLeft">8dp</item>
        <item name="android:paddingRight">8dp</item>
        <item name="android:fadingEdge">horizontal</item>
        <item name="android:fadingEdgeLength">8dp</item>
    </style>

    <style name="CustomTabPageIndicator.Text" parent="android:TextAppearance.Medium">
        <item name="android:typeface">monospace</item>
    </style>
    ...
</resources>

Я вижу, что демон SampleTitlesStyledTheme использует стиль CustomTitlePageIndicator, который определяет элемент selectedColor. Поэтому (возможно, наивно) я думал добавить

<item name="selectedColor">#FF000000</item>

к стилю, используемому SampleTabsStyled demo, CustomTabPageIndicator, но, увы, это не сработало.

Вопрос кажется очевидным, но я все равно спрошу: есть ли способ (используя настоящие стили xml), чтобы текущий выбранный текст вкладки в демонстрации SampleTabsStyled имел другой цвет, чем другие вкладки? Если да, то как?

ИЗМЕНИТЬ

О, и я использую это в сочетании с ActionBarSherlock, в случае, если это важно...

Ответы

Ответ 1

Предполагая, что вы не возражаете против создания дополнительного xml, сначала попробуйте включить атрибут android:textColor в CustomTabPageIndicator.Text (или CustomTabPageIndicator) следующим образом:

<style name="CustomTabPageIndicator.Text" parent="android:TextAppearance.Medium">
    <item name="android:textColor">@drawable/tab_text_color</item>
    ...
</style>

где tab_text_color.xml помещается в папку res/drawable:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_selected="true"
        android:color="@color/text_tab_selected" />
    <item
        android:state_selected="false"
        android:color="@color/text_tab_unselected" />
</selector>

Наконец, просто определите два цвета @color/text_tab_selected и @color/text_tab_unselected в вашем файле ресурса цвета colors.xml, расположенном в папке res/values ​​(создайте его, если он еще не существует). Например:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="text_tab_selected">#FF000000</color>
    <color name="text_tab_unselected">#FF555555</color>
</resources>

Ответ 2

Попробуйте это

Простейший способ

<android.support.design.widget.TabLayout
                xmlns:app="http://schemas.android.com/apk/res-auto"
                android:id="@+id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:tabTextColor="@color/White"
                app:tabSelectedTextColor="@color/Blue"
                app:tabIndicatorColor="@color/Yellow"
                app:tabMode="fixed"
                app:tabGravity="fill"/>

Не забывайте добавлять эту зависимость

compile 'com.android.support:design:23.1.1'