Android(安卓)CollapsingToolbarLayout控件
1. CollapsingToolbarLayout
CollapsingToolbarLayout
是5.0版本出现的控件,可以实现Toolbar
的折叠效果。
CollapsingToolbarLayout
的属性
app:contentScrim
,指定布局内部未展开时的背景颜色app:collapsedTitleTextAppearance
,指定未展开时的标题文字字体app:collapsedTitleTextColor
,指定未展开时的标题文字颜色app:collapsedTitleGravity
,指定未展开时的标题文字对齐方式app:expandedTitleTextAppearance
,指定展开后的标题文字字体app:expandedTitleTextColor
,指定展开后的标题文字颜色app:expandedTitleGravity
,指定展开后的标题文字对齐方式app:expandedTitleMargin
,指定展开后的标题四周间距
我们设置Toolbar
的背景为红色,可以看到Toolbar
实际是在最上面的,但Toolbar
的标题文字被移植到中间位置。
效果如下
2. layout_scrollFlags配置
在CollapsingToolbarLayout
中配置不同layout_scrollFlags
属性,会产生不同的效果。
-
设置为
scroll
CollapsingToolbarLayout
随着手势一起滑动。
-
设置为
enterAlways
下滑时
CollapsingToolbarLayout
先进入。
-
设置为
enterAlwaysCollapsed
下滑时
CollapsingToolbarLayout
先进入但只显示Toolbar
。
-
设置为
exitUntilCollapsed
CollapsingToolbarLayout
随着手势一起滑动到只显示Toolbar
。
-
设置为
snap
CollapsingToolbarLayout
会根据手势自动滑入滑出。
3. 设置图片背景
在CollapsingToolbarLayout
内定义一个图片,并设置ayout_collapseMode
,
pin
,当CollapsingToolbarLayout
完全收缩后,View
还可以保留在屏幕上parallax
,当CollapsingToolbarLayout
收缩时,View
也同时收缩,实现视差滚动效果。通常和layout_collapseParallaxMultiplier
(0.0~1.0)搭配使用。
在CollapsingToolbarLayout
内,添加ImageView
效果如下
4. FloatingActionButton
FloatingActionButton
可以设置layout_anchor
属性,自动根据CollapsingToolbarLayout
的滚动来设置自己的状态。
效果如下
相关文章
Android Snackbar控件
Android FloatingActionButton控件
Android Toolbar控件
Android AppBarLayout控件
Android CollapsingToolbarLayout控件
Android CardView控件
Android SlidingPaneLayout和DrawerLayout控件
Android TabLayout控件
更多相关文章
- android 设置EditText和TextView不可见
- Android(安卓)中使用自定义字体的方法
- android带返回按钮的自定义标题栏
- Android(2.Activity初步)
- Android(安卓)-- 资源使用和总结经验分享
- Android可拖拽布局ConstraintLayout
- Android中不显示标题
- Android隐藏标题栏
- EditText点击隐藏hint