概述

在很app上都见过 可折叠的顶部导航栏效果。google support v7  提供了 CollapsingToolbarLayout 可以实现这个效果。效果图如下：

  

实现步骤

　　1. 写一个 CollapsingToolbarLayout，它有两个 子视图，一个就是上图显示的图片（降落伞哪个）的Imageview，另一个就是 顶部导航栏toobar

　　2. 为 CollapsingToolbarLayout 指定属性

　　　　　　app:layout_scrollFlags="scroll|exitUntilCollapsed"

　　3. 为ImageView 指定属性，声明 它是可以折叠的

　　　　　　app:layout_collapseMode="parallax"

　　4. 为 toobar指定属性，声明它是固定的

　　　　　　app:layout_collapseMode="pin"

　　5. 为 CollapsingToolbarLayout 所在的父布局（view)指定属性，以声明它适配当前窗体

　　　　　　android:fitsSystemWindows="true"

代码

布局xml如下

activity代码里没有什么特别

 

github演示代码下载