使用协调者布局CoordinatorLayout 来实现ParallaxHeaderViewPager的效果,超简单

先上图让大家看一下效果  ,

这是用CoordinatorLayout + ViewPager实现的 ; 这个效果就是类似github上面的ParallaxHeaderViewPager实现的效果是一样的..使用谷歌提供的协调者布局 CoordinatorLayout 更加简单. 下面跟大家展示一下代码:

首先使用CoordinatorLayout  需要添加的依赖是

compile 'com.android.support:design:26.0.0-alpha1'

下面我直接来展示布局文件 <?xml version="1.0" encoding="utf-8"?>

<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"
    tools:context="com.mummu.myapplication.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >

            <ImageView
                android:id="@+id/imageview"
                android:layout_width="match_parent"
                android:layout_height="100dp"
                android:scaleType="fitXY"
                android:src="@drawable/about_banner"
                app:layout_scrollFlags="scroll"
                />

        <android.support.design.widget.TabLayout
            android:id="@+id/tablayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#fff"
            app:tabSelectedTextColor="#ff0000"
            />

    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        />

</android.support.design.widget.CoordinatorLayout>

其中最重要的部分是 :你想要滚动的控件的设置 这里我需要控制的是 ImageView 

要在 <ImageView>  下设置  :

 app:layout_scrollFlags="scroll"

这个就能保证 上面所产生的效果;

其他的代码就是ViewPager和Fragment的展示了.我就不一一列代码了.直接传文件啦!希望能够帮助大家.