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.效果截图
