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

版权声明：本文为博主原创文章，未经博主允许不得转载。


知识点（注意）：

Android.support.v4.view.PagerTabStrip（交互）

这里点击tab标签可以切换下面的viepager

android.support.v4.view.PagerTitleStrip（非交互）

这个则相反,不可以点击

 

1.activity_main.xml



[html] view plain copy 在CODE上查看代码片派生到我的代码片
  1. <android.support.v4.view.PagerTabStrip  
  2.   
  3.             android:id="@+id/pager_tab_strip"  
  4.   
  5.            android:layout_width="match_parent"  
  6.   
  7.            android:layout_height="wrap_content"  
  8.   
  9.            android:layout_gravity="top"  
  10.   
  11.            android:background="#ffffff"  
  12.   
  13.            android:paddingBottom="4dp"  
  14.   
  15.             android:paddingTop="4dp"  
  16.   
  17.            android:textColor="#000" />  
  18.   
  19.   
  20.   
  21.   
  22.   
  23. <android.support.v4.widget.DrawerLayoutxmlns:androidandroid.support.v4.widget.DrawerLayoutxmlns:android="http://schemas.android.com/apk/res/android"  
  24.   
  25.    xmlns:tools="http://schemas.android.com/tools"  
  26.   
  27.    android:id="@+id/drawerlayout"  
  28.   
  29.    android:layout_width="match_parent"  
  30.   
  31.    android:layout_height="match_parent"  
  32.   
  33.    tools:context=".MainActivity" >  
  34.   
  35.    
  36.   
  37.    <android.support.v4.view.ViewPager  
  38.   
  39.        android:id="@+id/vp"  
  40.   
  41.        android:layout_width="match_parent"  
  42.   
  43.         android:layout_height="match_parent"  
  44.   
  45.        android:layout_centerHorizontal="true"  
  46.   
  47.        android:layout_centerVertical="true" >  
  48.    
  49. <android.support.v4.view.PagerTabStrip  
  50.   
  51.            android:id="@+id/pager_tab_strip"  
  52.   
  53.            android:layout_width="match_parent"  
  54.   
  55.            android:layout_height="wrap_content"  
  56.   
  57.            android:layout_gravity="top"  
  58.   
  59.            android:background="#ffffff"  
  60.   
  61.            android:paddingBottom="4dp"  
  62.   
  63.            android:paddingTop="4dp"  
  64.   
  65.            android:textColor="#000" />  
  66.   
  67.         
  68.   
  69.    </android.support.v4.view.ViewPager>  
  70.   
  71.    
  72.   
  73.     <FrameLayout  
  74.   
  75.        android:layout_width="match_parent"  
  76.   
  77.        android:layout_height="match_parent"  
  78.   
  79.        android:layout_gravity="left"  
  80.   
  81.        android:background="@drawable/bg_tab" />  
  82.   
  83.    
  84.   
  85. </android.support.v4.widget.DrawerLayout>  



2.MainActivity.java

       

[java] view plain copy 在CODE上查看代码片派生到我的代码片
  1.        publicCharSequence getPageTitle(int position) {  
  2.   
  3.             return"标题" + position;  
  4.   
  5.       }  
  6.   
  7.   
  8.   
  9.   
  10.   
  11.  * viewpager adpater  
  12.   
  13.  */  
  14.   
  15. classMyAdpater extends FragmentStatePagerAdapter {  
  16.   
  17.   
  18.   
  19.        publicMyAdpater(FragmentManager fm) {  
  20.   
  21.                super(fm);  
  22.   
  23.        }  
  24.   
  25.   
  26.   
  27.        // 每个条目返回的fragment  
  28.   
  29.        @Override  
  30.   
  31.        publicFragment getItem(int arg0) {  
  32.   
  33.                switch(arg0) {  
  34.   
  35.                case0:  
  36.   
  37.                        returnnew HomeFragment();  
  38.   
  39.   
  40.   
  41.                default:  
  42.   
  43.                        returnnew AppFragment();  
  44.   
  45.                }  
  46.   
  47.        }  
  48.   
  49.   
  50.   
  51.        // 一共几个条目  
  52.   
  53.        @Override  
  54.   
  55.        publicint getCount() {  
  56.   
  57.                return 4;  
  58.   
  59.        }  
  60.   
  61.   
  62.   
  63.        @Override  
  64.   
  65.        publicCharSequence getPageTitle(int position) {  
  66.   
  67.                return"标题" + position;  
  68.   
  69.        }  
  70.   
  71. }  


功能点：

1.values ---colors.xml

[html] view plain copy 在CODE上查看代码片派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <color name="indicatorcolor">#FF0084FF</color>  
  4. </resources>  


2.

[java] view plain copy 在CODE上查看代码片派生到我的代码片
    1. //设置tab标签滑动底部横条的颜色  
    2. tabStrip =(PagerTabStrip) findViewById(R.id.pager_tab_strip);  
    3. tabStrip.setTabIndicatorColorResource(R.color.indicatorcolor); 
posted @ 2016-11-05 17:06  天涯海角路  阅读(71)  评论(0)    收藏  举报