android viewPager基础教程

在Android中使用ViewPager最多的是在引导页中，也有很多应用在应用中试用ViewPager+Fragment实现复制的功能，给用户别样的体验，至今没有参加过大型规范的开发项目所以还不太明白Fragment+ViewPager在出现从网络中拉去数据的时候是怎么处理的。

现在先实现一下基础的ViewPager，万丈高楼平地而起。

1.首先新建一个普通的Android项目：

2.在布局中添加ViewPager和PagerTitleStrip

<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.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" >

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

</RelativeLayout>

3.新建几个tab布局

<?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="@android:color/background_light" >
</LinearLayout>

<?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="@android:color/black" >
</LinearLayout>

<?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" >
</LinearLayout>

4.在主Activity中实现代码，新建3个View将那三个Tab布局加载进去打包放在List<View> listView中，还有List<String> listString存放Tab的标题，最后实现一个自定义的Adapter就可以了，继承PagerAdapter，最少要实现下面代码中的那几个方法，api中也有这样强调。

package com.example.viewpagertest;

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

import android.os.Bundle;
import android.app.Activity;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.PagerTitleStrip;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;

public class MainActivity extends Activity {

	private ViewPager viewpager;
	private PagerTitleStrip pagerTitle;
	private List<View> listView;
	private List<String> listString;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		viewpager=(ViewPager)findViewById(R.id.viewpager);
		pagerTitle=(PagerTitleStrip)findViewById(R.id.pagertitle);
		listView=new ArrayList<View>();
		listString=new ArrayList<String>();
		View view1=LayoutInflater.from(getApplicationContext()).inflate(R.layout.tab1, null);
		View view2=LayoutInflater.from(getApplicationContext()).inflate(R.layout.tab2, null);
		View view3=LayoutInflater.from(getApplicationContext()).inflate(R.layout.tab3, null);
		listView.add(view1);
		listView.add(view2);
		listView.add(view3);
		listString.add("tabl");
		listString.add("tab2");
		listString.add("tab3");
		viewpager.setAdapter(new MyAdapter());
	}
	class MyAdapter extends PagerAdapter{
		@Override
		public int getCount() {
			// TODO Auto-generated method stub
			return listView.size();
		}
		@Override
		public void destroyItem(ViewGroup container, int position, Object object) {
			((ViewPager)container).removeView(listView.get(position));
		}
		@Override
		public Object instantiateItem(ViewGroup container, int position) {
			((ViewPager)container).addView(listView.get(position));
			return listView.get(position);
		}
		@Override
		public CharSequence getPageTitle(int position) {
			return listString.get(position);
		}
		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			return arg0==arg1;
		}
	}
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}
}

实现的效果图如下，很有趣，在此基础上加工可以做出很多的效果。