很多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=