CoordinatorLayout

1.在Xml中编写

//主布局(最大布局)
<android.support.design.widget.CoordinatorLayout 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"
    android:fitsSystemWindows="true"
    tools:context=".fragment.GankListFragment">
    //Tab栏的Toolbar
    <android.support.design.widget.AppBarLayout
        android:id="@+id/main.appbar"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:fitsSystemWindows="true"
        app:titleEnabled="true"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
        //上拉栏，里面写Image，TextView等控件
        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/ctl"
            android:layout_width="match_parent"
            android:layout_height="250dp"
            app:contentScrim="@color/ccc"
            android:fitsSystemWindows="true"
            app:collapsedTitleGravity="center"
            app:expandedTitleMarginEnd="64dp"
            app:expandedTitleMarginStart="48dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed|enterAlwaysCollapsed">
            //图片
            <ImageView
                android:id="@+id/iv_tu"
                android:layout_width="match_parent"
                android:layout_height="250dp"
                android:fitsSystemWindows="true"
        
                android:scaleType="centerCrop"
                android:src="@mipmap/zaohua"
                app:layout_collapseMode="parallax"
                app:layout_collapseParallaxMultiplier="0.2"
                />
            //再加一个Toolbar
            <!--<android.support.v7.widget.Toolbar-->
                <!--android:id="@+id/toolbar"-->
                <!--android:layout_width="match_parent"-->
                <!--android:layout_height="40dp"-->
                <!--app:title="干货集中营"-->
                <!--/>-->
        </android.support.design.widget.CollapsingToolbarLayout>
        //Tab栏，也可以不加
        <android.support.design.widget.TabLayout
            android:id="@+id/tab"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            />
    </android.support.design.widget.AppBarLayout>
//这里实现的是ViewGroup，也可以实现其他，(RecyclerView)
    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        />
</android.support.design.widget.CoordinatorLayout>