安卓状态栏适配技巧

背景

公司长期以来只有一套UI稿,而且是按照iOS标准来设计的,状态栏效果自然是白底黑字。无奈啊,不过没办法,所以想着怎么也得适配一下。经过调研后得知:Android5.0以上系统版本可以修改状态栏颜色,但是只有部分小米的MIUI、魅族的Flyme和Android6.0以上系统可以把状态栏文字和图标换成深色,其他的系统状态栏文字默认都是白色的,换成浅色背景的话字体和图标就看不到;所以我们适配的前提是系统能将状态栏字体设置成深(黑)色。

我司App适配后效果对比

before after
image image
image image

适配方案

状态栏浅色背景(比如白底黑字)

  • 安卓版本6.0及以上直接使用系统api,style里面配置。
  • 系统版本在4.4和6.0之间,特殊处理MIUI6+和Flyme4+;
  • 沉浸式和全屏模式需单独处理。
  • 其它情况不处理。(系统默认深色背景+白色字体。)

状态栏深色背景(能明显看到状态栏白色字体)

由于系统状态栏上字体默认就是白色的,只需更改背景色就能完成适配。

  • 系统版本5.0及以上使用系统API设置状态栏颜色。
  • 系统版本为4.4,使用WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS属性,伪造一个状态栏高度的view并设置其背景色。
  • 沉浸式和全屏模式需单独处理。

代码实现

下面代码就以状态栏浅色背景为例作简单示范;状态栏为深色背景时较简单,读者可根据文末提供的代码参考,自行完成适配。

  • 普通页面适配(逻辑建议放在BaseActivity中,特殊页面覆盖其方法实现即可)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
// BaseActivity中定义方法
/**
* 配置沉浸式模式
*/
protected void configImmersiveMode(){
ImmersiveModeUtil.setDefaultImmersiveMode(this);
}
// ImmersiveModeUtil 工具类
/**
* App默认的沉浸式默认
*
* @param activity
*/
public static void setDefaultImmersiveMode(@NonNull Activity activity) {
// 设置状态栏和darkMode,如果设置成功,则设置状态栏背景为白色即可。
final boolean darkMode = setStatusBarDarkMode(activity, true);
if (darkMode) {
setStatusBarBgColor(activity, Color.WHITE);
}
}
/**
* 先判断主流系统,然后MIUI系统,最后Flyme。
*
* @param activity
* @param isFontColorDark 深色字体(Light)模式
* @return 是否设置成功
*/
@TargetApi(Build.VERSION_CODES.M)
public static boolean setStatusBarDarkMode(@NonNull Activity activity, boolean isFontColorDark) {
boolean result = setCommonStatusBarDarkMode(activity, isFontColorDark);
if (!result) {
result = setMIUIStatusBarDarkIcon(activity, isFontColorDark);
if (!result) {
result = setMeizuStatusBarDarkIcon(activity, isFontColorDark);
}
}
if (result) {
currentStatusBarStyle = isFontColorDark ? 2 : 1;
}
return result;
}

以上代码,重点在于setStatusBarDarkMode()方法逻辑。先解释下参数isFontColorDark的意思,true表示状态栏中字体和icon显示为深色(黑色),false则显示成白色(也就是系统默认样式)。这里可以看到,在setStatusBarDarkMode()方法中,先设置MIUI系统,如果失败,继续设置魅族系统,如果又失败,就调用6.0以上官方API;其中任何一个方法成功则直接返回。 再看setDefaultImmersiveMode()方法,只有在设置darkMode返回成功的情况下才设置状态栏背景为白色;换句话说,如果系统不支持darkMode,则放弃适配。

  • 状态栏背景全透明、沉浸式和全屏模式等处理

    这种情况只需调用setSystemUiVisibility()方法就能搞定,状态栏背景设置官方5.0也有api支持,4.4系统可添加 WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS亦能实现。

这里就不贴代码了,具体可参看文末提供的demo工程代码。

注意点:

  1. 如果内容区域为全屏(显示到状态栏下面),建议使用paddingTop一个状态栏高度的view来实现。如果界面中没有输入框,也可使用android:fitsSystemWindows="true"属性适配。

全屏模式下的问题及解决办法

  • 问题1:显示对话框导致状态栏或虚拟导航栏UI异常
    • 办法1:dialog显示前设置FLAG_NOT_FOCUSABLE,显示后清除改标识。
    • 办法2:监听Dialog的onDismiss事件,重新恢复全屏。

参考:how-do-i-maintain-the-immersive-mode-in-dialogs

  • 问题2:全屏模式下,输入框弹出时,ajustResize无效

参考:android-how-to-adjust-layout-in-full-screen-mode-when-softkeyboard-is-visible

demo源码已上传github,如果对你有帮助,欢迎star~

推荐阅读

0%