安卓状态栏适配技巧

背景

公司长期以来只有一套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中,特殊页面覆盖其方法实现即可)
// 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 = setMIUIStatusBarDarkIcon(activity, isFontColorDark);
        if (!result) {
            result = setMeizuStatusBarDarkIcon(activity, isFontColorDark);
            if (!result) {
                result = setCommonStatusBarDarkMode(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~

推荐阅读

  • GoogleSamples-ImmersiveMode
  • 安卓状态栏微技巧
  • 安卓状态栏白底黑字
  • 小米系统修改说明

你可能感兴趣的:(安卓状态栏适配技巧)