安卓状态栏适配技巧

背景

公司长期以来只有一套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~

推荐阅读

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,233评论 4 360
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,013评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,030评论 0 241
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,827评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,221评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,542评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,814评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,513评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,225评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,497评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,998评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,342评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,986评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,055评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,812评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,560评论 2 271
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,461评论 2 266

推荐阅读更多精彩内容

  • 使用sketch最重要的一点是设计好控件的规范。 为做好设计规范需要对色彩进行编号,比如:color_a”_1,c...
    youyeath阅读 25,954评论 2 238
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,563评论 25 707
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,471评论 2 59
  • 今早少年說要給狗狗網購衣服, 我很詫異。 首先, 看得出他的憐惜之心。 天氣漸冷, 同理小動物的感受。 可是狗狗穿...
    千吉change阅读 162评论 0 0
  • Tyger向知识服务商罗辑思维自荐: 三年前,Tyger和罗辑思维结缘。2016年,Tyger订阅罗辑思维“五分钟...
    Tyger老师阅读 1,690评论 20 24