Android

Question

我正在实施以下屏幕。

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

<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>

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

任何人都可以指引我走这条路吗？