android - 突出显示或下划线选定的 TabPageIndicator

Question

我在平板电脑大小的横向布局上有一个双 Pane ，我正在使用 fragment 。

在左边我有一个带有 ListView 的 fragment 。当点击其中一个项目列表时，右侧的 fragment 会加载详细信息。

在右侧(详细) fragment 的布局中，有一个 com.viewpagerindicator.TabPageIndicator 和一个 android.support.v4.view.ViewPager。ViewPager 将加载 2 个元素，每个元素都有其 com.viewpagerindicator.TabPageIndicator。我试图突出显示或下划线选定的选项卡，但我没有这样做。

希望大家多多指教:)

Answer 1

默认情况下，TabPageIndicator 不应用任何样式。要启用 ViewPagerIndicator 的默认样式，请将以下行添加到 manifest.xml

中的 application 标记或适当的 activity 标记>

android:theme="@style/Theme.MyTheme"

然后在你的项目中添加一个res\values\styles.xml文件，内容如下

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="Theme.MyTheme" parent="@android:style/Theme.Light">
        <item name="vpiTabPageIndicatorStyle">@style/Widget.TabPageIndicator</item>
    </style>  
</resources>  

我的应用程序使用的是 android light 主题，但您可能想将其更改为您现在使用的主题。

如果您想更改默认的 VPI 样式，请将 styles.xml 文件更改为如下内容:

<?xml version="1.0" encoding="utf-8"?>
<resources>

  <style name="Theme.MyTheme" parent="@android:style/Theme.Light">
    <item name="vpiTabPageIndicatorStyle">@style/MyTabPageIndicator</item>
  </style>  

  <style name="MyTabPageIndicator" parent="Widget.TabPageIndicator">
    <item name="android:gravity">center</item>
    <item name="android:background">@drawable/vpi__tab_indicator</item>
    <item name="android:paddingLeft">22dip</item>
    <item name="android:paddingRight">22dip</item>
    <item name="android:paddingTop">12dp</item>
    <item name="android:paddingBottom">12dp</item>
    <item name="android:textAppearance">@style/MyTabPageIndicator.Text</item>
    <item name="android:textSize">12sp</item>
    <item name="android:maxLines">1</item>
  </style>

  <style name="MyTabPageIndicator.Text" parent="TextAppearance.TabPageIndicator">
    <item name="android:textStyle">bold</item>
    <item name="android:textColor">@color/vpi__dark_theme</item>
  </style>

</resources>

请注意，上面的设置与 TabPageIndicator 的默认 VPI 样式完全相同，因此您仍然需要进行所需的更改。