ViewPagerIndicator在Tab（帮助）中没有显示下划线

Question

我想制作简单的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>

在此图片中，您可以看到它是如何显示的（顶部的红线是操作栏的一部分）

有谁知道错误在哪里？我该如何解决？

最佳。

Answer 1

您能详细说明您想要显示下划线的确切位置吗？你的意思是FOTOS和VIDEOS之间的垂直线？因为我无法正确理解你的问题。我还是试着回答。

如果你想要类似的东西（FOTOS | VIDEOS）那么你必须把

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

custom_tab_indicator_divider基本上是九个补丁图像。您可以在viewpagerindicator库的源代码中查看九个补丁。

如果您想在FOTO和VIDEOS下方找到类似 __________ 的内容。您可以创建一个选择器并将其设置为背景，如

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

检查库项目中的vpi_tab_indicator.xml以获取更多信息。