安卓智慧上海学习笔记系列——TabPageIndicator的使用

前段时间在谷歌电子市场里学到的是PagerTabStrip，今天在这个项目里用的是TabPageIndicator，现在也来介绍一下它的使用。

（1）把ViewPagerIndicator开源项目引入工作空间（注意supportV4包一定要和自己项目的V4包保持一致！如果不一致尽管可能不会报错，但运行的时候是会挂掉的！）

（2）给自己的项目引入那个类库



（3）在xml布局文件里，在viewPager之上添加：

  <com.viewpagerindicator.TabPageIndicator 

         android:id="@+id/indicator"

        android:layout_width="match_parent"

        android:layout_height="wrap_content" />

（4）java代码中：

public TabPageIndicator mIndicator;

mIndicator = (TabPageIndicator) v.findViewById(R.id.indicator);

//vpDetailMenuNews.setOnPageChangeListener(this);

mIndicator.setViewPager(vpDetailMenuNews); //在设置好适配器以后才能让指示器关联ViewPager

mIndicator.setOnPageChangeListener(this); //此时不要给viewPager添加监听事件，而是要给Indicator添加监听事件

在适配器里添加
public CharSequence getPageTitle(int position) {
return mNewsTabData.get(position).title;
}

（5）清单文件里改下主题样式即可初步得到如下图的样子：

 <activity  android:name="com.ujs.zhsh.MainActivity" 

            android:theme="@style/Theme.PageIndicatorDefaults"/>



（6）使用这个主题默认是黑的，需要对自己项目的MainActivity布局设置个背景色为白色

（7）该项目中根据需求要把蓝色指示器改成红色的，并且底下没有这个蓝色细线。在那个类库里找到 vpi__tab_indicator.xml 这个文件，修改drawable为自己想要的图片


（8）在vpi_dark_theme.xml里修改文字颜色，如下：



再进行一些字体大小配置等等，具体样式设置在vpi_styles.xml里，效果图如下：