沉浸式:(Immersive Mode)


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

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


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


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


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


Android视频全屏沉浸式 手机全沉浸模式_Android视频全屏沉浸式


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


如下图所示:


Android视频全屏沉浸式 手机全沉浸模式_透明状态栏_02

   

Android视频全屏沉浸式 手机全沉浸模式_透明状态栏_03



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


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


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


一、设置状态栏颜色与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);

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