ViewPagerIndicator n'affiche pas de soulignement dans Tab (Aide)

Question

Je veux créer TabPagerIndicator simple, mais il ne montre pas de soulignement, j'utilise xml pour changer le style. Ceci est mon fichier de style 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> 

Sur cette photo vous pouvez voir comment il est affiché (la ligne rouge sur le dessus fait partie de la barre d'action)

Est-ce que quelqu'un sait où est le erreur et comment puis-je le résoudre?

Meilleur.

Answer 1

Pouvez-vous préciser où exactement vous voulez montrer le soulignement? Voulez-vous dire une ligne verticale entre FOTOS et VIDEOS? Puisque je n'étais pas capable de comprendre votre question correctement. J'essaie toujours de répondre.

Si vous voulez quelque chose comme (FOTOS | VIDEOS) vous devez mettre

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

custom_tab_indicator_divider est essentiellement une image neuf patch. Vous pouvez vérifier le patch neuf dans le code source de la bibliothèque viewpagerindicator.

Si vous voulez quelque chose comme __________ en dessous du FOTO et VIDEOS.You peut créer un sélecteur et le mettre à fond comme

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

Vérifiez vpi_tab_indicator.xml dans le projet de bibliothèque pour plus d'informations.