美文网首页
3.1.4沉浸式设计

3.1.4沉浸式设计

作者: saygoodbye_e92e | 来源:发表于2019-07-05 08:24 被阅读0次

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

    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显示效果

    这时候就都显示正常了。

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

    相关文章

      网友评论

          本文标题:3.1.4沉浸式设计

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