美文网首页AndroidAndroid UI知识点android常见问题
Android实战基础(一)超简单的实现沉浸式状态栏

Android实战基础(一)超简单的实现沉浸式状态栏

作者: WakeHao | 来源:发表于2016-11-27 12:51 被阅读2247次

    前言

    android状态栏,如图,是顶部显示时间电量那一部分。根据Google MD设计规范是要让状态栏的颜色略深于标题栏。之前的状态栏都是系统默认的黑色,为了美观在5.0系统提出了沉浸式状态栏,而关于沉浸式的效果其实可以向下兼容到4.4系统上。我这里提出自己在公司用的一种real简单的方案。



    思路

    首先介绍android:windowTranslucentStatus这一属性,设置为true则状态栏变透明(4.4以上手机),此时不做任何处理会出现如图的效果:


    可以看出标题栏将状态栏覆盖,很不优雅。

    接下来介绍android:fitsSystemWindows这一属性。设置为true让Activity 中setContentView的布局不覆盖状态栏(即相当于给状态栏设置了padding),这个属性要在根布局中使用,如果同时设置了

    <item name="android:windowTranslucentStatus">true</item>
    android:fitsSystemWindows="true"
    

    你将看到如下效果。



    状态栏透明,标题栏不覆盖状态栏.

    如果不考虑兼容4.4系统的化可以在5.0以上系统可以直接通过styles.xml设置

    <item name="android:statusBarColor">@color/colorPrimaryDark</item>
    

    (代码设置setStatusBarColor())来为你的状态栏填充颜色。

    如果要兼容4.4系统可以通过设置

    <item name="android:windowTranslucentStatus">true</item>
    

    让状态栏透明。然后在状态栏放一个view,长在4.4以上为25dp,以下为0dp,宽为match_parent,背景色设置为colorPrimaryDark(或者其他你想状态栏显示的颜色)。
    效果如下:



    具体方案

    自己写一个标题栏的layout布局(以后用都可以include引用),在该布局中添加如下代码

    <View android:layout_width="match_parent"    
    android:background="@color/colorPrimaryDark"    
    android:layout_height="@dimen/toolbar_padding_top"></View>
    

    这个用来填充状态栏,如果想设置半透明等效果可以放张ImageView图片。
    高度引用在4.4以上为25dp,以下为0dp。

    所以只需要在res下新建一个values-v19包添加styles和dimens两个xml文件

    //styles.xml里加上
    <item name="android:windowTranslucentStatus">true</item> 
    //dimens里加上
    <dimen name="toolbar_padding_top">25dp</dimen>
    
    values-v19.png
    然后在需要标题栏的地方include标题栏布局文件,不需要的地方通过android:windowTranslucentStatusandroid:fitsSystemWindows两个属性设置即可以满足日常开发需求。

    其他

    关于DrawerLayout和CoordinatorLayout目前我使用没什么问题,如果各位有什么疑惑可以提出来。

    最后如果你懒得写标题栏布局文件我这有个现在用的,点击下载密码:81ax

    相关文章

      网友评论

      • 4b01863fd657:支持一下
      • 磐龍:不错。兼容4.4那种做法,设置状态栏透明,然后在状态栏放一个view的做法,在适配各种android设备会有问题吗?
        WakeHao: @Jemlin 目前没有遇到过~
      • ChienYi:學習

      本文标题:Android实战基础(一)超简单的实现沉浸式状态栏

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