美文网首页
关于沉浸式状态栏的理解

关于沉浸式状态栏的理解

作者: G桂 | 来源:发表于2017-06-05 11:14 被阅读0次

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

  • 第一种:设置状态栏透明,布局会往上撑
    状态栏全透明或半透明,然后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或者官方网站看比较好。

相关文章

网友评论

      本文标题:关于沉浸式状态栏的理解

      本文链接:https://www.haomeiwen.com/subject/fhdifxtx.html