android 滑动切换页面的实现

下图这样的效果该怎么实现

使用ViewPage就能实现 如果想同时实现点击切换可以使用TabPageIndicator+ViewPager

 <!--<com.viewpagerindicator.TabPageIndicator
        android:id="@id/common_indicator"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"/>-->
    <ViewPager
         android:id="@id/common_page"
        android:layout_below="@+id/common_indicator"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/accent_material_light"
        app:popupTheme="@style/ThemeOverlay.AppCompat">

    </android.support.v7.widget.Toolbar>

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawerlayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/toolbar">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <com.viewpagerindicator.TabPageIndicator
                android:id="@+id/common_indicator"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/white" />

            <com.plusub.lib.view.ScrollViewPager
                android:id="@+id/viewpager"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="250dp"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:background="#cccccc"
            android:orientation="vertical">


        </LinearLayout>

    </android.support.v4.widget.DrawerLayout>

</RelativeLayout>

就是动画嘛，view动画或属性动画都行
当然也可以用别人写好的控件，例如viewpager