ViewPager学习

ViewPager是v4包中的一个类,主要用来在不跳转activity的时候实现,页面的切换.要使用这个控件要加入v4包.使用该控件的时候不能省略包名,需要写上该控件的完整名字.

一简单示例:演示:

1.在主布局文件中添加一个viewpager控件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <android.support.v4.view.ViewPager
        android:id="@+id/myViewPager"
        android:layout_width="wrap_content"
        android:layout_height="200dp" >

        <android.support.v4.view.PagerTitleStrip
            android:id="@+id/pagertitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom" />
    </android.support.v4.view.ViewPager>

</LinearLayout>

viewpager的宽高可以自行定义,viewpager控件区域的大小就是代表可以滑动区域的大小.

2 新建3个xml(如tab1.xml,tab2.xml,tab3.xml)布局文件,用来放在viewpager容器中,作为切换的布局.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#000"
     >
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="tab1" />

</LinearLayout>

3.java代码

public class MainActivity extends Activity {

	private ViewPager myViewPager;
	private View tab1;
	private View tab2;
	private View tab3;
	private List<View> viewList;
	private PagerTitleStrip pagertitle;
	private List<String> textList;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.viewpager);

		myViewPager = (ViewPager) findViewById(R.id.myViewPager);
		pagertitle = (PagerTitleStrip) findViewById(R.id.pagertitle);

		LayoutInflater inflater = getLayoutInflater();
		tab1 = inflater.inflate(R.layout.tab1, null);
		tab2 = inflater.inflate(R.layout.tab2, null);
		tab3 = inflater.inflate(R.layout.tab3, null);

		viewList = new ArrayList<View>();
		viewList.add(tab1);
		viewList.add(tab2);
		viewList.add(tab3);
		
		textList=new ArrayList<String>();
		textList.add("这是页面1");
		textList.add("这是页面2");
		textList.add("这是页面3");

		MyPagerAdapter pagerAdapter = new MyPagerAdapter();

		myViewPager.setAdapter(pagerAdapter);

	}

	class MyPagerAdapter extends PagerAdapter {

	

		@Override
		public int getCount() {
			//getCount():返回要滑动的VIew的个数
			return viewList.size();
		}

		@Override
		public void destroyItem(ViewGroup container, int position, Object object) {
			//destroyItem（）：从当前container中删除指定位置（position）的View;
			container.removeView(viewList.get(position));
		}

		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			// TODO Auto-generated method stub
			return arg0 == arg1;
		}

		@Override
		public Object instantiateItem(ViewGroup container, int position) {
			//instantiateItem()：做了两件事，第一：将当前视图添加到container中，第二：返回当前View
			container.addView(viewList.get(position));
			return viewList.get(position);
		}
		
		@Override
		public CharSequence getPageTitle(int position) {
			// TODO Auto-generated method stub
			return textList.get(position);
		}

	}

}

二 代码详解

  viewpager跟listview一样,需要一个适配器填充内容.常用的适配器有两种.PagerAdapter和FragmentPagerAdapter.上面我使用的是PagerAdapter.使用PagerAdapter至少重写这4个方法

1. instantiateItem(ViewGroup, int):将当前视图添加到container中，第二：返回当前View
2. destroyItem(ViewGroup, int, Object):从当前container中删除指定位置（position）的View;
   
3. getCount():这个方法返回能滑动的总的布局数目
4. isViewFromObject(View, Object):判断一个视图是否与一个给定的key相对应

ViewPager的执行流程大概是这样的:

ViewPager并不直接管理页面，而是通过一个key将每个页面联系起来。这个key用来跟踪和唯一标识一个给定的页面，且该key独立于adapter之外。

PagerAdapter中的startUpdate(ViewGroup)方法一旦被执行，就说明ViewPager的内容即将开始改变。

紧接着，instantiateItem(ViewGroup, int)和/或destroyItem(ViewGroup, int, Object)方法将会被执行，

然后finishUpdate(ViewGroup)的执行就意味着这一次刷新的完成。

当finishUpdate(ViewGroup)方法执行完时，与instantiateItem(ViewGroup, int)方法返回的key相对应的视图将会被加入到父ViewGroup中，而与传递给destroyItem(ViewGroup, int, Object)方法的key相对应的视图将会被移除。isViewFromObject(View, Object)方法则判断一个视图是否与一个给定的key相对应。

关于这个key, PagerAdapter会选择将视图本身作为key，在将视图创建并加入父ViewGroup之后通过instantiateItem(ViewGroup, int)返回。这种情况下，destroyItem(ViewGroup, int, Object) 的实现方法只需要将View从ViewGroup中移除即可，而isViewFromObject(View, Object)的实现方法可以直接写成return view == object

三 关于viewpager中的标题,有两种类型:  PagerTitleStrip和PagerTabStrip

PagerTitleStrip:在布局xml中将PagerTitleStrip作为ViewPager的子控件直接嵌入其中,设置android:layout_gravity=""的值要设置为top或bottom。将标题栏显示在顶部或底部.与PagerTabStrip的区别在于,PagerTabStrip是可以点击的.类似tabhost那种效果

同时要使PagerTitleStrip起作用必须重写getPageTitle()方法同时提供每个页面的标题数组.如以上代码所示.