沉浸式:(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);
上面代码可以使内容区域延伸到状态栏,并且状态栏透明。