Android开发之ViewPager结合Fragment实现滑动页面的效果（源代码分享）

     前段日子的博客有介绍过关于ViewPager的使用，发现大家对那篇博客都情有独钟，今天我们就在来看一下ViewPager在Fragment中的使用吧，因为ViewPager是在补丁包中添加的低版本的包，而Fragment又必须运行在android 3.0以上的平台上，这里就出现了一定的矛盾，为了解决这个问题呢，我们的主程序必须继承FragmentActivity取代之前的Acitvity，导包的时候要注意导的都要是V4的包，要不然会报错。下面我们来分析一下源代码的注意事项把！

MainActivity的代码

package com.example.f20_fragement08;

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

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.PagerTitleStrip;
import android.support.v4.view.ViewPager;
import android.view.Menu;

public class MainActivity extends FragmentActivity {
	private ViewPager pager;
	private List<Fragment> list;
	private FragmentManager manager;
	private PagerTitleStrip pagerTitleStrip;
	private List<String> title;
	private MyAdapter adapter;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		pager = (ViewPager) this.findViewById(R.id.pager);
		pagerTitleStrip = (PagerTitleStrip) this.findViewById(R.id.pagertitle);
		pagerTitleStrip.setTextSpacing(1000);// 设置标题间的距离
		list = new ArrayList<Fragment>();
		title = new ArrayList<String>();
		list.add(new AFragment());// add Fragment
		list.add(new BFragment());
		title.add("第一个页面");// 设置标题
		title.add("第二个页面");
		manager = getSupportFragmentManager();// 因为使用的是V4的补丁包，必须的继承FragmentActivity
		// 才能实例化manager对象
		adapter = new MyAdapter(manager);
		pager.setAdapter(adapter);
		adapter.notifyDataSetChanged();

	}
   //使用FragmentStatePagerAdapter能缓存更多的上一个页面，必须的
	//继承getCount,getItem方法
	public class MyAdapter extends FragmentPagerAdapter {
        
		public MyAdapter(FragmentManager fm) {
			super(fm);
			// TODO Auto-generated constructor stub
		}

		@Override
		public int getCount() {
			// TODO Auto-generated method stub
			return list.size();
		}

		@Override
		public Fragment getItem(int arg0) {
			// TODO Auto-generated method stub
			return list.get(arg0);
		}

		@Override
		public CharSequence getPageTitle(int position) {
			// TODO Auto-generated method stub
			return title.get(position);
		}

	}

	@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;
	}

}

之前有贴出过布局文件的代码，这次就再强调一下吧

<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.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        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>