Android学习之ViewPager

 1.定义

　　ViewPager是android扩展包v4包中的类，这个类可以让用户左右切换当前的view。其中，android.support.v4是谷歌公司为了解决当前版本碎片化的问题，从而提供的一个兼容的包。可以实现向下兼容的问题，让一些高版本的控件能够在低版本中进行使用；通过ViewPager可以实现左右翻页的效果。

2.实现思路

　　1.新建一个主Activity以及一个主View、四个其它View；

　　2.在那四个View的布局文件中添加TextView，设置名称为"视图1"、“视图2”....，并为每个视图设置了不同的背景色；

　　3.主View中添加ViewPager以及PagerTabStrip，并设置相关属性；

　　4.新建一个SnailPagerAdapter,他继承于PagerAdapter，并重写类中的方法；

　　5.在主Activity中初始化ViewPager、PagerAdapter，并通过setAdapter方法加载PagerAdapter。

3.具体实现

（1）代码结构图如下：

（2）SnailPagerAdapter实现代码如下：

　　

 package pager.snailtech.com.viewpagerdemo;

 import android.support.v4.view.PagerAdapter;
 import android.view.View;
 import android.view.ViewGroup;
 import java.util.List;

 public class SnailPagerAdapter extends PagerAdapter {
     private List<View> viewList;
     private List<String> stringList;
     public SnailPagerAdapter(List<View> viewList,List<String> stringList)
     {
         this.viewList=viewList;
         this.stringList=stringList;
     }

     /**
      * 获取页卡的数量
      * @return
      */
     @Override
     public int getCount() {
         return viewList.size();
     }

     /**
      *  判断当前的View是否来自于对象
      * @param view
      * @param object
      * @return
      */
     @Override
     public boolean isViewFromObject(View view, Object object) {
         return view==object;
     }

     /**
      * 实例化一个页卡
      */

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

     /**
      * 销毁一个页卡
      * @param container
      * @param position
      * @param object
      */
     @Override
     public void destroyItem(ViewGroup container, int position, Object object) {
         container.removeView(viewList.get(position));
     }

     /**
      * 设置Viewpager页卡的标题
      * @param position
      * @return
      */
     @Override
     public CharSequence getPageTitle(int position) {
         return stringList.get(position);
     }
 }

（3）主Activity的代码如下：

 package pager.snailtech.com.viewpagerdemo;

 import android.support.v4.view.PagerTabStrip;
 import android.support.v4.view.ViewPager;
 import android.support.v7.app.ActionBarActivity;
 import android.os.Bundle;
 import android.view.Menu;
 import android.view.MenuItem;
 import android.view.View;

 import java.util.ArrayList;
 import java.util.List;

 public class MainActivity extends ActionBarActivity {

     private List<View> viewList;
     private List<String> stringList;
     private ViewPager viewPager;
     private PagerTabStrip pagerTabStrip;
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         viewList=new ArrayList<View>();
         stringList=new ArrayList<String>();
         //获取view
         View view1=View.inflate(this,R.layout.view1,null);
         View view2=View.inflate(this,R.layout.view2,null);
         View view3=View.inflate(this,R.layout.view3,null);
         View view4=View.inflate(this,R.layout.view4,null);
         //将view添加到viewList中
         viewList.add(view1);
         viewList.add(view2);
         viewList.add(view3);
         viewList.add(view4);
         //添加页卡名称
         stringList.add("第一页");
         stringList.add("第二页");
         stringList.add("第三页");
         stringList.add("第四页");
         //实例化pagerAdapter
         SnailPagerAdapter pagerAdapter=new SnailPagerAdapter(viewList,stringList);
         //获取ViewPager视图
         viewPager=(ViewPager)findViewById(R.id.pager);

         pagerTabStrip=(PagerTabStrip)findViewById(R.id.tab);
         //pagerTabStrip.setDrawFullUnderline(false);

         //加载pagerAdapter
         viewPager.setAdapter(pagerAdapter);

     }

     @Override
     public boolean onCreateOptionsMenu(Menu menu) {
         // Inflate the menu; this adds items to the action bar if it is present.
         getMenuInflater().inflate(R.menu.menu_main, menu);
         return true;
     }

     @Override
     public boolean onOptionsItemSelected(MenuItem item) {
         // Handle action bar item clicks here. The action bar will
         // automatically handle clicks on the Home/Up button, so long
         // as you specify a parent activity in AndroidManifest.xml.
         int id = item.getItemId();

         //noinspection SimplifiableIfStatement
         if (id == R.id.action_settings) {
             return true;
         }

         return super.onOptionsItemSelected(item);
     }
 }

（4）activity_main.xml的代码如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity"
    android:gravity="center">

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center">

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

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

4.效果截图