3.1.4沉浸式设计

2019-07-05  本文已影响0人  saygoodbye_e92e

概念: 所谓的沉浸式就是让内容能够延伸到状态栏区域。

Android 沉浸式设计是从4.4开始的

3.1.4沉浸式设计

那我们先从4.4的开始进行适配,有两用适配方式

1.Style文件配置

设置主题style

显示效果如下

3.1.4沉浸式设计

可以发现图片已经延深到状态栏区域

2.通过代码动态设置

3.1.4沉浸式设计

如果手机存在底部虚拟导航栏,也可以设置让内容区域延伸到虚拟导航栏,让虚拟导航栏覆盖在内容的顶部。

同样设置内容延伸到虚拟导航栏也有两种方式

1.代码动态控制

3.1.4沉浸式设计

效果如下

3.1.4沉浸式设计

2.style设置

3.1.4沉浸式设计

注意:调用前面配置时候需要做版本判断

android5.0是如何开始设计沉浸式的?

1.android5.0以上不设置状态栏颜色时候,正常的效果如下:

android5.0还可以修改系统状态栏的颜色

1.如:在style中修改状态栏的颜色为红色:

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

显示适配的效果

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

>android5.0

同样在android4.4上沉浸式在有标题栏的情况也是有上面的问题:标题栏的内容被状态栏挡住了。

解决方法:将toolbar下移,下移的高度就是状态栏的高度

3.1.4沉浸式设计 3.1.4沉浸式设计

上图手机左侧是5.0以上,右侧是4.4显示效果

这时候就都显示正常了。

到这里,我们的沉浸式适配就全部讲完了。

上一篇下一篇

猜你喜欢

热点阅读