Android实现左右滑动的指引效果

在一般情况下，Android左右滑动的指引效果是指在应用第一次启动时，会显示一些帮助界面，用户可通过手指左右滑动来了解应用信息。当用户滑动到最后一页时，可通过点击进入游戏应用。如下图所示：

直接上代码，布局文件如下：

<1>activivty_guide_view_01.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center"
    android:background="@color/textBgColor" >

    <LinearLayout
        android:id="@id/ll_guide_view_01_01"
        android:layout_width="match_parent"
        android:layout_height="20dp"
        android:orientation="vertical" />

    <LinearLayout
        android:id="@id/ll_guide_view_01_02"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_guide_view_01_01"
        android:background="@drawable/divider_horizontal_line"
        android:orientation="vertical" />

    <LinearLayout
        android:id="@id/ll_guide_view_01_03"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_guide_view_01_02"
        android:orientation="vertical" >

        <ImageView
            android:id="@id/iv_guide_view_01"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:contentDescription="@string/gudie_view_01_image"
            android:src="@drawable/guide_view_01" />
    </LinearLayout>

    <LinearLayout
        android:id="@id/ll_guide_view_01_04"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_guide_view_01_03"
        android:layout_margin="@dimen/activity_guide_view_margin"
        android:background="@drawable/divider_horizontal_line"
        android:orientation="vertical" />

    <LinearLayout
        android:id="@id/ll_guide_view_01_05"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_guide_view_01_04"
        android:orientation="vertical" >

        <TextView
            android:id="@id/tv_guide_view_01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="@dimen/activity_guide_view_margin"
            android:paddingRight="@dimen/activity_guide_view_margin"
            android:text="@string/guide_view_01_text"
            android:textColor="@color/textColor"
            android:textSize="14sp" />
    </LinearLayout>

</RelativeLayout>

<2>activivty_guide_view_02.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center"
    android:background="@color/textBgColor" >

    <LinearLayout
        android:id="@id/ll_guide_view_02_01"
        android:layout_width="match_parent"
        android:layout_height="20dp"
        android:orientation="vertical" />

    <LinearLayout
        android:id="@id/ll_guide_view_02_02"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_guide_view_02_01"
        android:background="@drawable/divider_horizontal_line"
        android:orientation="vertical" />

    <LinearLayout
        android:id="@id/ll_guide_view_02_03"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_guide_view_02_02"
        android:orientation="vertical" >

        <ImageView
            android:id="@id/iv_guide_view_02"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:contentDescription="@string/gudie_view_02_image"
            android:src="@drawable/guide_view_02" />
    </LinearLayout>

    <LinearLayout
        android:id="@id/ll_guide_view_02_04"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_guide_view_02_03"
        android:layout_margin="@dimen/activity_guide_view_margin"
        android:background="@drawable/divider_horizontal_line"
        android:orientation="vertical" />

    <LinearLayout
        android:id="@id/ll_guide_view_02_05"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_guide_view_02_04"
        android:orientation="vertical" >

        <TextView
            android:id="@id/tv_guide_view_02"
            android:layout_width="wrap_content"
            android:layout_height="