Material Design (五) CollapsingToolbarLayout的使用

CollapsingToolbar可以实现这样一种效果,在界面顶部显示一张图片(也可以是其他VIew),往上滑动的时候图片滑动至消失,ToolBar出现在顶部显示,往下滑动则相反。第一次看见的时候觉得很 眼前一亮很酷的感觉,然而现在只需要使用一些控件便可以实现这种效果

1.新建一个FruitActivity用来展示水果的详细信息
新建布局文件activity_fruit_detail.xml

根布局还是用 我们的,为了使图片的位置可以达到系统状态栏的位置,在根布局即这里的CoordinatorLayout控件中还是要添加属性 android:fitsSystemWindows="true",而且把状态栏的颜色设置为透明

和 Material Design (三) Navigation Drawer的使用中一样,在values和values-21两个文件夹下面的style文件中写两个名字一样的style,把values-21下面的那个style 多一项 @android:color/transparent

如果项目中多个地方用到同样的设置,我们可以添加一个公用的 AppTheme.StatusBarTransparentTheme

这里的

相当于