Android开发(51) 使用 CollapsingToolbarLayout ,可折叠的顶部导航栏

概述

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

Android开发(51) 使用 CollapsingToolbarLayout ,可折叠的顶部导航栏_第1张图片

Android开发(51) 使用 CollapsingToolbarLayout ,可折叠的顶部导航栏_第2张图片

Android开发(51) 使用 CollapsingToolbarLayout ,可折叠的顶部导航栏_第3张图片

实现步骤

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演示代码下载

https://github.com/vir56k/demo/tree/master/CollapsingtoolbarlayoutDemo

你可能感兴趣的:(Android开发(51) 使用 CollapsingToolbarLayout ,可折叠的顶部导航栏)