使用ViewPager和Tab制作实现左右滑动导航

使用ViewPager来呈现一组页面，添加子View时，需要将Fragment与PagerAdapter联系起来，有两种可用的Adapter:

FragmentPagerAdapter 在相邻页面内容固定，数量有限时使用最好

FragmentStatePagerAdapter 在相邻页面无限时使用最好，当导航到其他页面时会摧毁原来的Fragment，最小化内存占用

public class SwipeViewActivity extends FragmentActivity {

	private ViewPager mViewPager;
	private DemoCollectionPagerAdapter mDemoCollectionPagerAdapter;

	@SuppressLint("NewApi")
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_swipe_view);
		
		FragmentManager fm = getSupportFragmentManager();
		mDemoCollectionPagerAdapter =new DemoCollectionPagerAdapter(fm);
		mViewPager = (ViewPager) findViewById(R.id.pager);
		mViewPager.setAdapter(mDemoCollectionPagerAdapter);
		mViewPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {
			@Override
			public void onPageSelected(int position) {
			// 当通过滑动改变页面时，TAB也要更新
				getActionBar().setSelectedNavigationItem(position);
			}
		});
		
		final ActionBar actionBar = getActionBar();
		//在动作条上显示TAB
		actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
		//TabListener监听选中动作，改变页面
		ActionBar.TabListener tabListener = new ActionBar.TabListener() {

			@Override
			public void onTabReselected(Tab tab, FragmentTransaction ft) {
				// TODO Auto-generated method stub	
			}
			
			@Override
			public void onTabSelected(Tab tab, FragmentTransaction ft) {
				// TODO Auto-generated method stub
				mViewPager.setCurrentItem(tab.getPosition());
			}
			
			@Override
			public void onTabUnselected(Tab tab, FragmentTransaction ft) {
				// TODO Auto-generated method stub		
			}
		};
		
		for (int i = 0; i < 3; i++) {
			actionBar.addTab(actionBar.newTab().setText("Tab " + (i + 1)).setTabListener(tabListener));
		}
	}

}

DemoCollectionPagerAdapter.java

//因为是一个页面集合，所以使用FragmentStatePagerAdapter而不是FragmentPagerAdapter.
public class DemoCollectionPagerAdapter extends FragmentStatePagerAdapter {
	
	public DemoCollectionPagerAdapter(FragmentManager fm) {
		super(fm);
	}
	
	@Override
	public Fragment getItem(int i) {
		Fragment fragment = new DemoObjectFragment();
		Bundle args = new Bundle();
		args.putInt(DemoObjectFragment.ARG_OBJECT, i + 1);
		fragment.setArguments(args);
		return fragment;
	}
	
	@Override
	public int getCount() {
		return 100;
	}
	
	@Override
	public CharSequence getPageTitle(int position) {
		return "项目 " + (position + 1);
	}
}

DemoObjectFragment.java

public class DemoObjectFragment extends Fragment {
	
	public static final String ARG_OBJECT = "object";
	
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
		
		View view = inflater.inflate(R.layout.fragment_collection_object, container, false);
		Bundle args = getArguments();
		int number = args.getInt(ARG_OBJECT);
		
		TextView content = (TextView) view.findViewById(R.id.content);
		content.setText("Object	" + number);
		
		return view;
	}
}

另一种方法，不适用动作条TAB，使用PagerTitleStrip，通过Adapter的getPagerTitle获得页面标题

<span style="white-space:pre">	</span><android.support.v4.view.ViewPager
		android:id="@+id/pager"
		android:layout_width="match_parent"
		android:layout_height="match_parent" >
		
        <span style="white-space:pre">	</span><android.support.v4.view.PagerTitleStrip
			android:id="@+id/pager_title_strip"
			android:layout_width="match_parent"
			android:layout_height="wrap_content"
			android:layout_gravity="top"
			android:background="#33b5e5"
			android:textColor="#fff"
			android:paddingTop="4dp"
			android:paddingBottom="4dp" />
<span style="white-space:pre">	</span></android.support.v4.view.ViewPager>