为ViewPager添加选项卡导航栏

如果你想使用选项卡导航栏但又不想使用ActoinBar的话，就可以选择给ViewPager添加PagerTabStrip或者PagerTitleStrip来实现。PagerTitleStrip是非交互式的，PagerTapStrip是交互式的，二者在其他方面完全相同。

以PagerTapStrip为例来说明：

1. 在ViewPager布局中添加PagerTapStrip

PagerTapStrip同样也放在android.support.v4.view中

    <android.support.v4.view.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <android.support.v4.view.PagerTabStrip
            android:id="@+id/tab"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="top" />
    </android.support.v4.view.ViewPager>

2. 为选项卡添加标题

首先要将标题保存在数组中：

List<String> titleList = new ArrayList<String>();
titleList.add("第一页");
titleList.add("第二页");
titleList.add("第三页");
titleList.add("第四页");

将保存的数组传递给自定义的适配器

adapter = new MyPagerAdapter(viewList, titleList);
viewPager.setAdapter(adapter);

在适配器中，提供初始化方法，并且调用getPageTitle() 方法

public class MyPagerAdapter extends PagerAdapter {

private List<View> viewList;
<strong>private List<String> titleList;</strong>

public MyPagerAdapter(List<View> ViewList, List<String> titleList) {
this.viewList = ViewList;
this.titleList = titleList;
}

@Override
public int getCount() {
return viewList.size();
}

@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}

@Override
public Object instantiateItem(ViewGroup container, int position) {
container.addView(viewList.get(position));
return viewList.get(position);
}

@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(viewList.get(position));
}

<strong>@Override
public CharSequence getPageTitle(int position) {
return titleList.get(position);
}</strong>

}

3. 设置PagerTabStrip的属性

首先要获取PagerTabStrip的实例，然后可以调用它的方法设置属性。具体的方法可以再官方文档中查到

PagerTabStrip tabStrip = (PagerTabStrip) findViewById(R.id.tab);
tabStrip.setBackgroundColor(Color.GRAY);
tabStrip.setTextColor(Color.CYAN);
tabStrip.setTabIndicatorColor(Color.BLACK);
tabStrip.setDrawFullUnderline(false);