【控件篇】ViewPager+FragmentStatePagerAdapter 页面切换案例详解

很多APP在安装后第一次启动时都会出现一系列引导界面，用于介绍APP的主体功能。

这个实现这个引导界面的控件，就是本文要介绍的ViewPager控件

博主在工作中遇到一个问题，我们的APP中有一个用户下单的功能，但因为业务性质，下一个订单需要填写的信息非常多，手机一个屏幕的大小尚且未能全部装下。

这就导致了用户在使用我们的APP进行下单时，用户体验极其不友好。

ViewPager主要突出一个“引导”的用户体验，好的，博主受到其启发，决定将下单功能拆分为四个步骤，每完成一个步骤便自动切换到下一个步骤的界面，当全部

填写完成之后，出现一个提交按钮让用户提交订单。

在查阅相关资料后，最终决定使用ViewPager+FragmentStatePagerAdapter来实现。下面贴出本人整合代码之前写的一个Demo！

 

 

Step1: 首先我们需要一个容纳ViewPager控件的主界面，其次，我们还需要有四个（根据自身情况而定）子页面。

1.activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#FFFFFF"
    tools:context=".MainActivity" >

	<android.support.v4.view.ViewPager
	    android:id="@+id/main_viewpager"
	    android:layout_width="fill_parent"
	    android:layout_height="match_parent"
	    >
	</android.support.v4.view.ViewPager>
	
	<LinearLayout
	    android:id="@+id/nav_bar"
	    android:layout_width="wrap_content"
	    android:layout_height="55dp"
	    android:layout_centerHorizontal="true"
	    android:layout_alignParentBottom="true"
	    android:gravity=