ViewPagerIndicator 在选项卡中不显示下划线（帮助）答案

【问题标题】：ViewPagerIndicator doesn't show underline in Tab (Help)ViewPagerIndicator 在选项卡中不显示下划线（帮助）
【发布时间】：2014-07-09 19:41:15
【问题描述】：

我想做一个简单的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>

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

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

最好的。

【问题讨论】：

标签： android tabs viewpagerindicator underline

【解决方案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 以获取更多信息。

【讨论】：