一. 沉浸式状态栏无非就两种
- 第一种:设置状态栏透明,布局会往上撑
状态栏全透明或半透明,然后activity布局会向上移,撑到状态栏里面
(API>=19时,才会往上撑),如下图所示:
对于这种沉浸式
- 在布局头部
加上一个跟ToolBar颜色相近的View
即可,高度为25dp(API>=19)或0dp(API<19)。(状态栏高度为25dp,并且API>=19的时候,activity才会往上撑) - 或者使用一张
大图在布局顶部
,图片往上撑到状态栏里面,也是挺美的。
- 第二种:只是设置颜色的状态栏
直接设置状态栏的颜色,还可设置透明度,布局不会往上撑
,例如下图(当然,我图片里设置的颜色很不协调):
这种情况只要把状态栏颜色设置成跟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或者官方网站看比较好。