Meterial Design常见控件的使用（九）：Collapsing ToolbarLayout

斯音

于 2021-01-14 21:40:34 发布

阅读量195

点赞数

分类专栏： android 文章标签： android 移动开发 viewpager

本文链接：https://blog.csdn.net/bugmiao/article/details/112639808

版权

本文详细介绍了Android中的CollapsingToolbarLayout，它提供了折叠Toolbar的功能。讲解了如何设置layout_scrollFlags来控制控件滚动行为，包括ImageView和Toolbar的配置。CollapsingToolbarLayout的contentScrim、expandedTitleMarginStart等属性用法也被提及，以及ImageView的pin和parallax模式，Toolbar的pin模式。文章还提到设置title和颜色过渡效果的方法，并提供了布局和代码实现的示例链接。

摘要由CSDN通过智能技术生成

CollapsingToolbarLayout作用是提供了一个可以折叠的Toolbar，它继承至FrameLayout，给它设置layout_scrollFlags，它可以控制包含在CollapsingToolbarLayout中的控件(如：ImageView、Toolbar)在响应layout_behavior事件时作出相应的scrollFlags滚动事件(移除屏幕或固定在屏幕顶端)。

使用CollapsingToolbarLayout：

**[plain]** [view plain](http://blog.csdn.net/u010687392/article/details/46906657#) [copy](http://blog.csdn.net/u010687392/article/details/46906657#) 

1. <android.support.design.widget.AppBarLayout 
2.     android:layout_width="match_parent" 
3.     android:layout_height="256dp" 
4.     android:fitsSystemWindows="true"> 
5.     <android.support.design.widget.CollapsingToolbarLayout 
6.       android:id="@+id/collapsing_toolbar_layout" 
7.       android:layout_width="match_parent" 
8.       android:layout_height="match_parent" 
9.       app:contentScrim="#30469b" 
10.       app:expandedTitleMarginStart="48dp" 
11.       app:layout_scrollFlags="scroll|exitUntilCollapsed"> 
12.  
13.       <ImageView 
14.         android:layout_width="match_parent" 
15.         android:layout_height="match_parent" 
16.         android:scaleType="centerCrop" 
17.         android:src="@mipmap/bg" 
18.         app:layout_collapseMode="parallax" 
19.         app:layout_collapseParallaxMultiplier="0.7" /> 
20.  
21.       <android.support.v7.widget.Toolbar 
22.         android:id="@+id/toolbar" 
23.         android:layout_width="match_parent" 
2