关于沉浸式状态栏的理解

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

第一种:设置状态栏透明,布局会往上撑

状态栏全透明或半透明,然后activity布局会向上移,撑到状态栏里面(API>=19时,才会往上撑),如下图所示:

对于这种沉浸式

  1. 在布局头部加上一个跟ToolBar颜色相近的View即可,高度为25dp(API>=19)或0dp(API<19)。(状态栏高度为25dp,并且API>=19的时候,activity才会往上撑)
  2. 或者使用一张大图在布局顶部,图片往上撑到状态栏里面,也是挺美的。

第二种:只是设置颜色的状态栏

直接设置状态栏的颜色,还可设置透明度,布局不会往上撑,例如下图(当然,我图片里设置的颜色很不协调):

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

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

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

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

说了这么多沉浸式状态栏的种类和选择,那么到底如何实现沉浸式状态栏呢? 这里推荐一个GitHub上的开源框架: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或者官方网站看比较好。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值