概念: 所谓的沉浸式就是让内容能够延伸到状态栏区域。
Android 沉浸式设计是从4.4开始的

那我们先从4.4的开始进行适配,有两用适配方式
1.Style文件配置

显示效果如下

可以发现图片已经延深到状态栏区域
2.通过代码动态设置

如果手机存在底部虚拟导航栏,也可以设置让内容区域延伸到虚拟导航栏,让虚拟导航栏覆盖在内容的顶部。
同样设置内容延伸到虚拟导航栏也有两种方式
1.代码动态控制

效果如下

2.style设置

注意:调用前面配置时候需要做版本判断
android5.0是如何开始设计沉浸式的?
1.android5.0以上不设置状态栏颜色时候,正常的效果如下:

android5.0还可以修改系统状态栏的颜色
1.如:在style中修改状态栏的颜色为红色:


2.如:在style中修改状态栏的颜色为透明:




平时开发过程,顶部可能会有toolbar


同样在android4.4上沉浸式在有标题栏的情况也是有上面的问题:标题栏的内容被状态栏挡住了。
解决方法:将toolbar下移,下移的高度就是状态栏的高度


上图手机左侧是5.0以上,右侧是4.4显示效果
这时候就都显示正常了。
到这里,我们的沉浸式适配就全部讲完了。
网友评论