沉浸式与透明状态栏

沉浸式：(Immersive Mode）

沉浸式提供参与者完全沉浸的体验,就是给用户一种置身于虚拟世界的感觉。对应到移动应用上就是全屏

效果，例如 游戏全屏、视频的全屏都是提供用户沉浸式的体验。

Android系统中的一个Activity（界面）其实是有许多系统元素的,如下图所示一个Activity，包含了状态栏

（StatusBar）、ActionBar，有些手机系统上底部还有导航栏（NavigationBar）。这些都是属于系统元素。而沉浸式就是隐

藏掉这些所有的系统元素，整个界面都用来展示内容。

而我们在日常开发中经常会遇到的设计是，状态栏与ActionBar的颜色一致，或者Activity的内容延伸到状态栏；

如下图所示：

   

上图中的两种设计并不是网上所说的“沉浸式状态栏”，并没有“沉浸式状态栏”这一说，只有沉浸式，上图的

两种设计可以说是一种透明状态栏。

那么下面我们来看如何实现上面这两种设计：

一、设置状态栏颜色与ActionBar颜色一致

这个实际上就是修改状态栏的颜色；

（1）在Android 4.4之前并没有API可以修改状态栏的颜色。

（2）Android 4.4上也没有API可以修改状态栏的颜色，但是Android4.4提出了一个透明状态栏的概念，使得手机

顶部状态栏颜色透明。

getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);  

上述代码可以将状态栏变成透明，并且View延伸到状态栏处。如果不希望View延伸到状态栏处，可以在布

局中加上一个View，View的高度为状态栏的高度，颜色和ActionBar一致即可。

如果嫌麻烦，这里提供一个比较好的状态栏开源库SystemBarTint，对4.4版本状态栏颜色进行设置。 

（3） Android5.0版本推出了Material Design，可以修改状态栏颜色。

getWindow().setStatusBarColor(ContextCompat.getColor(mContext, R.color.colorAccent));

  所以Android4.4之前的版本是无法设置状态栏颜色的。

坑：

标题栏（ActionBar）经常被设计成白色，因为iOS中标题栏状态栏基本都是白色的，由于Android系统状态中的电量、手机

信  号这些图标都是白色的，如果状态栏被设置成白色的了，那么状态栏中的图标就看不见了。Android系统并没有提供修改

状态栏图标颜色的API。

然而各家定制系统其实都有实现修改状态栏图标颜色，但是目前只有小米(MIUI)、魅族（Flyme） 提供了相应的接口去修改状

态栏的图标颜色。

/**
     * 设置状态栏字体图标为深色，需要MIUIV6以上
     *
     * @param window 需要设置的窗口
     * @param dark   是否把状态栏字体及图标颜色设置为深色
     * @return boolean 成功执行返回true
     */
    public static boolean MIUISetStatusBarLightMode(Window window, boolean dark) {
        boolean result = false;
        if (window != null) {
            Class clazz = window.getClass();
            try {
                int darkModeFlag = 0;
                Class layoutParams = Class.forName("android.view.MiuiWindowManager$LayoutParams");
                Field field = layoutParams.getField("EXTRA_FLAG_STATUS_BAR_DARK_MODE");
                darkModeFlag = field.getInt(layoutParams);
                Method extraFlagField = clazz.getMethod("setExtraFlags", int.class, int.class);
                if (dark) {
                    extraFlagField.invoke(window, darkModeFlag, darkModeFlag);//状态栏透明且黑色字体
                } else {
                    extraFlagField.invoke(window, 0, darkModeFlag);//清除黑色字体
                }
                result = true;
            } catch (Exception e) {

            }
        }
        return result;
    }

/**
     * 设置状态栏图标为深色和魅族特定的文字风格
     * 可以用来判断是否为Flyme用户
     *
     * @param window 需要设置的窗口
     * @param dark   是否把状态栏字体及图标颜色设置为深色
     * @return boolean 成功执行返回true
     */
    public static boolean FlymeSetStatusBarLightMode(Window window, boolean dark) {
        boolean result = false;
        if (window != null) {
            try {
                WindowManager.LayoutParams lp = window.getAttributes();
                Field darkFlag = WindowManager.LayoutParams.class
                        .getDeclaredField("MEIZU_FLAG_DARK_STATUS_BAR_ICON");
                Field meizuFlags = WindowManager.LayoutParams.class
                        .getDeclaredField("meizuFlags");
                darkFlag.setAccessible(true);
                meizuFlags.setAccessible(true);
                int bit = darkFlag.getInt(null);
                int value = meizuFlags.getInt(lp);
                if (dark) {
                    value |= bit;
                } else {
                    value &= ~bit;
                }
                meizuFlags.setInt(lp, value);
                window.setAttributes(lp);
                result = true;
            } catch (Exception e) {


            }
        }
        return result;
    }

Android 6.0中其实也提供提供了API实现深色状态栏字体(不考虑各家定制系统，有些定制系统还是无法通过此API实现深色状态栏字体)

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {             activity.getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN|View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
}

二、设置内容延伸到状态栏

getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

 上面代码可以使内容区域延伸到状态栏，并且状态栏透明。