关于沉浸式状态栏的理解

一. 沉浸式状态栏无非就两种

  • 第一种:设置状态栏透明,布局会往上撑
    状态栏全透明或半透明,然后activity布局会向上移,撑到状态栏里面(API>=19时,才会往上撑),如下图所示:
沉浸式撑到状态栏.png

对于这种沉浸式

  1. 在布局头部加上一个跟ToolBar颜色相近的View即可,高度为25dp(API>=19)或0dp(API<19)。(状态栏高度为25dp,并且API>=19的时候,activity才会往上撑)
  2. 或者使用一张大图在布局顶部,图片往上撑到状态栏里面,也是挺美的。
  • 第二种:只是设置颜色的状态栏
    直接设置状态栏的颜色,还可设置透明度,布局不会往上撑,例如下图(当然,我图片里设置的颜色很不协调):
改变状态栏颜色.png

这种情况只要把状态栏颜色设置成跟ToolBar一样的或者相近的颜色即可。

二. 按布局情况选择合适的沉浸式模式

  • 如果布局的顶部是一张大ImageView,或者是颜色不规则的toolbar,则一般选择第一种沉浸式。
  • 如果布局的顶部是纯颜色的ToolBar,则一般选择第二种沉浸式。

三. 如何实现沉浸式状态栏

说了这么多沉浸式状态栏的种类和选择,那么到底如何实现沉浸式状态栏呢?
这里推荐一个GitHub上的开源框架:https://github.com/niorgai/StatusBarCompat
它把上面提到的两种方式封装得很好。
它提供了以下Api:

//设置状态栏的颜色
StatusBarCompat.setStatusBarColor(Activity activity, int color)
//添加alpha值
StatusBarCompat.setStatusBarColor(Activity activity, int statusColor, int alpha)

//透明状态栏
StatusBarCompat.translucentStatusBar(activity);
//SDK >= 21时, 取消状态栏的阴影
StatusBarCompat.translucentStatusBar(Activity activity, boolean hideStatusBarBackground);

//为 CollapsingToolbarLayout 设置颜色
StatusBarCompat.setStatusBarColorForCollapsingToolbar(
                Activity activity, 
                AppBarLayout appBarLayout, 
                CollapsingToolbarLayout collapsingToolbarLayout,
                Toolbar toolbar, 
                int statusColor)

它具体集成方式这里就不作介绍了,个人一直推荐集成开源框架还是上GitHub或者官方网站看比较好。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,455评论 25 708
  • 首先: android 的透明状态栏和沉浸式是两个不同的东西,但是又相互交错,不要混淆。透明状态栏是指将状态栏设置...
    耳_总阅读 2,082评论 0 1
  • 何谓沉浸式状态栏## 说白了,沉浸式状态栏本质上就是给系统状态栏着色。当这个颜色和我们Activity中的Tool...
    chandarlee阅读 15,700评论 2 54
  • 在Android系统4.4以前,状态栏的背景色和字体颜色都是不能改变的。但是4.4以后Google增加了改变状态栏...
    xiaoyanger阅读 44,307评论 25 159
  • 感觉生活就是吃吃喝喝,好堕落啊。但是吃喝玩乐,睡觉真的是生活的重要组成部分呀。 素食店,小锅底22,菜另...
    伊琦阅读 166评论 0 0