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控件

更多相关文章

  1. android 设置EditText和TextView不可见
  2. Android(安卓)中使用自定义字体的方法
  3. android带返回按钮的自定义标题栏
  4. Android(2.Activity初步)
  5. Android(安卓)-- 资源使用和总结经验分享
  6. Android可拖拽布局ConstraintLayout
  7. Android中不显示标题
  8. Android隐藏标题栏
  9. EditText点击隐藏hint

随机推荐

  1. 全网最全的Android资源汇总
  2. Android中后台显示悬浮窗口的方法
  3. Android(安卓)Fragment 你应该知道的一切
  4. 系出名门Android(4) - 活动(Activity),
  5. 更新Android SDK Tools, revision 7报错
  6. 从零开始学习android
  7. Android(安卓)Studio 生成Jar包
  8. android 重用 c代码
  9. android studio 中一些比较好的插件
  10. Android HDMI( 三)