Android真正的沉浸式状态栏

Android真正的沉浸式状态栏

之前也看了很多关于沉浸式状态栏的文章，但大部分都不尽人意，要么是功能没有完全实现，要么是代码写的你看不懂，后来在掘金上看到了一篇文章写的比较好，再结合自己的理解做了一下完善，先记下来以后会用得到的。

Android在4.4d的版本之后，推出了沉浸式状态栏，允许通过第三方软件来更改状态栏的颜色，让整个面完全与App的风格融为一体。效果如下图所示

这两张图，一张状态栏是用图片填充的，另一张状态栏则是单一的颜色，好了话不多说，我们直接来看怎么实现的。我们先来实现第一张图的效果。

首先我们要把系统原先的状态栏变透明，这个处理操作在4.4版本和5.0之上的版本是不一样的，必须分开处理，不然可能得不到你想要的结果，即状态栏上面会有一层暗灰的视图，看起来非常不爽。

4.4-5.0版本的处理方法：

 if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){
      getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }

5.0之上的处理方法：

            if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP){
                Window window = getWindow();
                window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
                window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
                window.setStatusBarColor(Color.TRANSPARENT);
            }

下面是该布局文件的代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.zaozao.hu.MainActivity">
    <ImageView
        android:src="@mipmap/pic2"
        android:scaleType="fitXY"
        android:layout_width="match_parent"
        android:layout_height="200dp" />
    <TextView
        android:background="@android:color/holo_red_dark"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="沉浸式状态栏的实现" />
</LinearLayout>

这样就可以了吗？是的这样第一副图片的功能我们就实现了，不要加上fitSystemWindow这个属性

接下来，我们来实现第二幅图，第二幅图和第一幅图的区别在于它的状态栏是纯色的，所以实现起来略有不同，

如果我们继续用第一种方法来实现的话，那么得到结果将是这样的

和第二张图有什么区别，大家应该一眼就看出来了，我在布局文件里面将上面标题的高度设置的49dp,没错你现在看到的也是49dp

但你肯定发现哪里不对了，是的状态栏的高度不见了，而是把整个布局向上移动了，导致状态栏和标题栏重叠了，那么怎么解决这个问题

呢？有两种方法：

一、将布局文件的根标签的背景设置成标题栏相同的颜色，然后再加上android:fitSystemWindows="true"这个属性

这样状态栏就会去找设置了这个属性的标签，然后将这个标签的背景色设置为状态栏自己的颜色。（如下）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:fitsSystemWindows="true"
    android:background="@android:color/holo_green_dark"
    tools:context="com.zaozao.hu.MainActivity">

二、动态添加一个view,将它的高度设置为状态栏的高度，颜色设置标题栏的颜色，这样来弥补原来状态栏的位置。布局文件如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.zaozao.hu.MainActivity">

    <LinearLayout
        android:id="@+id/ll_bar"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@android:color/holo_green_dark"
        android:orientation="vertical"
        android:visibility="gone" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="49dp"
        android:background="@android:color/holo_green_dark"
        android:gravity="center"
        android:text="我的沉浸式状态栏"
        android:textColor="@android:color/black" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/holo_red_dark"
        android:gravity="center"
        android:text="沉浸式状态栏的实现" />
</LinearLayout>

核心代码：

    private void initStatus() {
        if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){
            if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP){
                Window window = getWindow();
                window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
                window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
                window.setStatusBarColor(Color.TRANSPARENT);
            }else{
                getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            }
            LinearLayout linearLayout = (LinearLayout) findViewById(R.id.ll_bar);
            linearLayout.setVisibility(View.VISIBLE);
            int statusBarHeight = getStatusBarHeight();
            LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) linearLayout.getLayoutParams();
            params.height = statusBarHeight;
            linearLayout.setLayoutParams(params);
        }
    }

    /**
     * 通过反射获取状态栏的高度
     * @return
     */
    private int getStatusBarHeight() {
        try {
            Class<?> c = Class.forName("com.android.internal.R$dimen");
            Object obj = c.newInstance();
            Field field = c.getField("status_bar_height");
            int x = Integer.parseInt(field.get(obj).toString());
            return getResources().getDimensionPixelSize(x);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return 0;
    }

到此为止，大功告成，如有代码看不懂的地方，请自行百度。