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);