项目中引入TabPageIndicator报错，无法正常显示样式

今天在开发项目时候，需要使用TabPageIndicator，于是使用了网上流行的开源库ViewPageIndicator

开发环境如下



图1 myDemo是我具体的项目，而appviewpageindicatorlibrary是开源依赖库，其本身为library,而且又引用了appcompat_v7为库。



图2 上面这是我项目的引用库



图3 上面这个是开源库ViewPageIndicator的引用



图4 上面这是v7包的引用

---------------------分割线---------------------------

正式开始引入TabPageIndicator，但是预览时出现错误

可以看到，左边这个TabPageIndicator没有正常显示，指示器没有出现而且下划线也没有，（可以对比下下面的2个图片，第2个图片的指示器和下划线都正常显示）





查看原因发现是布局文件出现了erro如下图所示



核心语句是这里Failed to find style 'vpiTabPageIndicatorStyle' in current theme

于是上网搜索下，发现是当前主题里面没有使用开源库的主题

所以，接下来我们要去项目res -values- styles里面添加自己的主题，添加的代码如下

<style name="AppBaseTheme" parent="android:Theme.Light">
<!--
Theme customizations available in newer API levels can go in
res/values-vXX/styles.xml, while customizations related to
backward-compatibility can go here.

-->
</style>

<!-- Application theme. -->
<style name="AppTheme" parent="AppBaseTheme">
<!-- All customizations that are NOT specific to a particular API-level can go here. -->
</style>

<style name="MyTheme" parent="AppBaseTheme">
<item name="vpiTabPageIndicatorStyle">@style/MyWidget.TabPageIndicator</item>
<item name="android:windowNoTitle">true</item>
<item name="android:animationDuration">5000</item>
<item name="android:windowContentOverlay">@null</item>
</style>

<style name="MyWidget.TabPageIndicator" parent="Widget">
<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">8dp</item>
<item name="android:paddingBottom">8dp</item>
<item name="android:textAppearance">@style/MyTextAppearance.TabPageIndicator</item>
<item name="android:textSize">16sp</item>
<item name="android:maxLines">1</item>
</style>

<style name="MyTextAppearance.TabPageIndicator" parent="Widget">
<item name="android:textStyle">bold</item>
<item name="android:textColor">@android:color/black</item>
</style>

然后再Manifest的配置文件中，在application，使用我们定义的的MyTheme主题，这个主题里就包含了有TabPageIndicator的主题，如下红线所示



即可正常显示

总结：

1、要正常使用TabPageIndicator的样式，需要在application中使用自己定义的主题，否则会显示失败。

参考资料

1、http://stackoverflow.com/questions/11873396/default-style-fails-for-viewpagerindicators-tabpageindicator-why-and-how-to-fi

2、http://stackoverflow.com/questions/20861659/failed-to-find-style-vpicirclepageindicatorstyle

3、/article/9498487.html