ViewPager中自带的pagerTabStrip切换（选项卡）

知识点（注意）：
android.support.v4.view.PagerTabStrip（交互）
这里点击tab标签可以切换下面的viepager
android.support.v4.view.PagerTitleStrip（非交互）
这个则相反,不可以点击

1.activity_main.xml

<android.support.v4.view.PagerTabStrip

android:id="@+id/pager_tab_strip"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_gravity="top"

android:background="#ffffff"

android:paddingBottom="4dp"

android:paddingTop="4dp"

android:textColor="#000" />

<android.support.v4.widget.DrawerLayoutxmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/drawerlayout"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity" >

<android.support.v4.view.ViewPager

android:id="@+id/vp"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_centerHorizontal="true"

android:layout_centerVertical="true" >

<android.support.v4.view.PagerTabStrip

android:id="@+id/pager_tab_strip"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_gravity="top"

android:background="#ffffff"

android:paddingBottom="4dp"

android:paddingTop="4dp"

android:textColor="#000" />

</android.support.v4.view.ViewPager>

<FrameLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_gravity="left"

android:background="@drawable/bg_tab" />

</android.support.v4.widget.DrawerLayout>

2.MainActivity.java

publicCharSequence getPageTitle(int position) {

return"标题" + position;

}

/**

* viewpager adpater

*/

classMyAdpater extends FragmentStatePagerAdapter {

publicMyAdpater(FragmentManager fm) {

super(fm);

}

// 每个条目返回的fragment

@Override

publicFragment getItem(int arg0) {

switch(arg0) {

case0:

returnnew HomeFragment();

default:

returnnew AppFragment();

}

}

// 一共几个条目

@Override

publicint getCount() {

return 4;

}

@Override

publicCharSequence getPageTitle(int position) {

return"标题" + position;

}

}

功能点：



1.values ---colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="indicatorcolor">#FF0084FF</color>
</resources>

2.

//设置tab标签滑动底部横条的颜色
tabStrip =(PagerTabStrip) findViewById(R.id.pager_tab_strip);
tabStrip.setTabIndicatorColorResource(R.color.indicatorcolor);