ViewPagerIndicator не показывает подчеркивание на вкладке (Справка)

Я хочу сделать простой TabPagerIndicator, но он не показывает подчеркивание, я использую xml для изменения стиля. Это мой файл стиля xml:

<!-- Application theme. -->
<style name="AppTheme" parent="@style/Theme.AppCompat.Light">
    <item name="vpiTitlePageIndicatorStyle">@style/CustomTitlePageIndicator</item>
    <item name="vpiUnderlinePageIndicatorStyle">@style/CustomUnderlinePageIndicator</item> 
    <item name="vpiTabPageIndicatorStyle">@style/CustomTabPageIndicator</item>
</style>

<style name="CustomTabPageIndicator" parent="Widget.TabPageIndicator">
    <item name="android:background">@color/fondo_activity</item>
    <item name="android:textAppearance">@style/CustomTabPageIndicator.Text</item>
    <item name="android:textColor">#FF555555</item>
    <item name="android:textSize">14sp</item>
    <item name="android:dividerPadding">10dp</item>
    <item name="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>

<style name="CustomUnderlinePageIndicator">
    <item name="selectedColor">#FFCC0000</item>
    <item name="android:background">#FFCCCCCC</item>
    <item name="fadeLength">1000</item>
    <item name="fadeDelay">1000</item>
</style>


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

На этом рисунке вы можете увидеть, как это показано (красная линия вверху является частью панели действий) enter image описание здесь

Кто-нибудь знает, где ошибка и как ее решить?

Лучший.


android tabs viewpagerindicator underline
person aloj    schedule 21.05.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Не могли бы вы уточнить, где именно вы хотите показать подчеркивание? Вы имеете в виду вертикальную линию между ФОТО и ВИДЕО? Так как я не смог правильно понять ваш вопрос. Тем не менее я пытаюсь ответить.

Если вы хотите что-то вроде (ФОТО | ВИДЕО), вам нужно поставить

<item name="android:divider">@drawable/custom_tab_indicator_divider</item>

custom_tab_indicator_divider — это в основном изображение с девятью патчами. Вы можете проверить девять патчей в исходном коде библиотеки viewpagerindicator.

Если вы хотите что-то вроде __________ под ФОТО и ВИДЕО. Вы можете создать селектор и установить его на фон, например

<item name="android:background">@drawable/custom_tab_indicator</item>

Проверьте vpi_tab_indicator.xml в проекте библиотеки для получения дополнительной информации.

person mthakuri    schedule 30.05.2014