Android中的垂直幻灯片内容区

我正在实现下面的屏幕

如果到目前为止我所做的对我有帮助，下面是代码。这是一个

片段

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RelativeLayout
        android:id="@+id/station_title_strip"
        android:layout_width="wrap_content"
        android:layout_height="36dp"
        android:layout_marginLeft="75dp"
        android:layout_marginTop="19dp"
        android:layout_marginRight="55dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_alignParentRight="true"
        android:background="@drawable/title_bar_strip">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/title_bar_gas_pump"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:layout_alignParentBottom="true"
            android:layout_marginLeft="2dp"
            android:layout_marginTop="2dp"
            android:layout_marginBottom="2dp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/denko_about"
            android:textSize="18sp"
            android:textColor="@color/denko_title_bar_text_colour"
            android:layout_centerVertical="true"
            android:layout_alignParentLeft="true"
            android:layout_marginLeft="42dp"
            />

    </RelativeLayout>

    <ImageView
        android:id="@+id/bottom_denko_logo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/denko_logo"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="20dp"
        android:layout_centerHorizontal="true"/>

    <RelativeLayout
        android:id="@+id/about_content_area"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/station_title_strip"
        android:layout_above="@id/bottom_denko_logo"
        android:layout_marginTop="30dp"
        android:layout_marginBottom="20dp"
        android:background="@color/denko_about_grey"></RelativeLayout>

</RelativeLayout>

我在制作内容区域时遇到困难。正如您所见，向上或向下滑动应允许用户查看不同的内容页，并且过渡应具有向上滑动和向下滑动动画。除了通过滑动手势控制页面选择之外，用户还应该能够通过按下右侧的绿色圆圈来翻页

有人能告诉我做这件事的正确途径吗