Android 沉浸式状态栏完美实现

发表于 2016-03-14 | 分类于 Android |

沉浸式状态栏的实现方式在以前是五花八门，我记得我刚玩安卓的时候还各种刷机，刷变色龙什么的去改状态栏。现在自己做安卓开发了，感觉安卓对这种状态栏的支持还是可以的，只是国内安卓版本更新太慢！在这里主要是给出一个我觉得比较完美的实现沉浸式状态栏的方案（兼容最低android4.4）。

效果图

android 5.0 以上

android 4.4 API 19

以上都是原生安卓系统的效果，具体到国内的各种各样改过的系统可能会有细微差别，我测试小米和华为的机器效果基本一样。

实现

1.修改主题属性

在values-v19之后的主题属性中添加一条即可,如下

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

2.设置fitsSystemWindows属性

如果你想让一个View的图像显示在状态栏下，那么就在View的XML布局文件中添加如下属性

1	android:fitsSystemWindows="true"

例子：
这里我设置了ToolBar

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.mjj.statusbar.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            android:fitsSystemWindows="true"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

</android.support.design.widget.CoordinatorLayout>

注意：如果你在同一个布局中添加了多个这个属性，那么一般只有最外层View的这个属性生效

3.调整View高度

上面两步都是统一的，这一步就比较有针对性了，对不同布局和API版本都会有所微调，主要是顶部View的高度。
如果你像我一样基本使用原生控件，那么一般情况下是调整ToolBar(ActionBar)的高度。你需要给Toolbar加上系统状态栏的高度，因为如果你设置了前面两步，那么ToolBar会上移到状态栏下面,如图

我比较喜欢的处理方式是在java代码中改变高度,注意需要判断安卓版本，样例如下：
（具体获取状态栏高度的代码可以到后面的参考资料中看，也可以在我的Demo中看源码）

mToolbar = (Toolbar) findViewById(R.id.toolbar);
        
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT)
{
    mToolbar.getLayoutParams().height = getAppBarHeight();
    mToolbar.setPadding(mToolbar.getPaddingLeft(),
            getStatusBarHeight(),
            mToolbar.getPaddingRight(),
            mToolbar.getPaddingBottom());
}

setSupportActionBar(mToolbar);