安卓沉浸式式效果研究(一):状态栏的颜色改变

最近在做有关于安卓的登陆界面,这里就涉及了一些沉浸式的效果。打算边做研究边写博客,首先第一个遇到的就是状态栏的颜色改变的挑战。
看了一些博客和官方的文档,这里又分为三个部分。

一:4.4以下的安卓手机

4.4以下的手机并不支持状态栏的改变,这里提一下就好。

二:5.0以上的安卓手机

在5.0以上,谷歌推出了一个UI设计方式叫做material design,这里面提及到了沉浸式效果,也给出了几种方法去进行实现。

1.代码实现

5.0以上我们直接获取窗口然后进行set就可以了。

    public static void setStatusBarColorToLOLLIPOP(Activity activity, int statusColor){
        Window window = activity.getWindow();
        window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
        window.setStatusBarColor(statusColor);
    }

这里有个坑是,如果你是设定状态栏为白色的话,状态栏文字也是白色的,这回导致看不到内容,所以我们需要修改一下状态栏文字的颜色。
这里也分为几种方式(根据别人博客收集,感谢互联网的资料共享)
分为谷歌原生以及小米和魅族手机的方式。
原生方式如下:

  /**
   * 状态栏的修改颜色,实际上就是改变decorview的状态位
   * @param activity
   * @param dark
   */
  private static void setAndroidNativeLightStatusBar(Activity activity, boolean dark) {
      View decor = activity.getWindow().getDecorView();
      if (dark) {
          decor.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
      } else {
          decor.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
      }
  }

这里实际上是DecorView的标志位进行切换:
View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR和
View.SYSTEM_UI_FLAG_LAYOUT_STABLE
dark标识是否为黑,如果为黑则从LIGHT转到下面。亮则相反。
在其他博客中我看到说这个方式其实是有个bug的,因FLAG_LAYOUT_FULLSCREEN这个标识是一只会携带着的,所以会出现默认界面会变成全屏模式。需要进行设置(但是目前我的登陆ui并没有出现这样的问题。所以暂时先放出他的解决方案)

此处放出对方的博客链接:https://www.jianshu.com/p/7392237bc1de(接下来的大部分代码都由此而来。)
需要在根布局中设置FitsSystemWindows属性为true,或在基类的 process方法中加入如下的代码。

@Override
protected void process(Bundle savedInstanceState) {
    // 华为,OPPO机型在StatusBarUtil.setLightStatusBar后布局被顶到状态栏上去了
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
        View content = ((ViewGroup) findViewById(android.R.id.content)).getChildAt(0);
        if (content != null && !isUseFullScreenMode()) {
            content.setFitsSystemWindows(true);
        }
    }
}
android:fitsSystemWindows="true"

二: 小米方面依旧参考对方的代码:

public static boolean MIUISetStatusBarLightMode(Activity activity, boolean dark) {
    boolean result = false;
    Window window = activity.getWindow();
    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;

            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M && RomUtils.isMiUIV7OrAbove()) {
                //开发版 7.7.13 及以后版本采用了系统API,旧方法无效但不会报错,所以两个方式都要加上
                if (dark) {
                    activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
                } else {
                    activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
                }
            }
        } catch (Exception e) {

        }
    }
    return result;
}

这里是开发版 7.7.13以下的MIUI,没有使用系统的API,所以会出现这个问题。
大致思路通过反射获取Miui的类,然后再通过这个类进行方法的使用。
三:魅族手机的思路同样和小米一样,通过反射获取。

private static boolean setFlymeLightStatusBar(Activity activity, boolean dark) {
    boolean result = false;
    if (activity != null) {
        try {
            WindowManager.LayoutParams lp = activity.getWindow().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);
            activity.getWindow().setAttributes(lp);
            result = true;
        } catch (Exception e) {
        }
    }
    return result;
}

至于判断手机型号的方法则不讨论了,网上可进行查找。

4.4-5.0安卓手机适配

思路:修改状态栏为透明之后,在布局中添加一个背景为期望色值的View来作为状态栏的填充。
当然,以下代码是简略的实现。

  /**
   * 4.4 - 5.0屏幕状态栏颜色修改
   * 思路:修改状态栏为透明之后,在布局中添加一个背景为期望色值的View来作为状态栏的填充。
   * @param activity
   * @param statusColor
   */
  public static void setStatusBarColor(Activity activity, int statusColor){
      Window window = activity.getWindow();
      /*设置Window为全透明
       *Field requires API level 19 (current min is 17)
       */
      window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
      ViewGroup decorView = (ViewGroup) activity.getWindow().getDecorView();
      //获取状态栏高度
      int statusBarHeight = getStatusBarHeight(activity);

      //如果已经存在假状态栏则移除,防止重复添加
      removeFakeStatusBarViewIfExist(activity);
      //添加一个View来作为状态栏的填充
      ViewGroup decorViewGroup = (ViewGroup) window.getDecorView();
      View statusBarView = new View(window.getContext());
      FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT, statusBarHeight);
      params.gravity = Gravity.TOP;
      statusBarView.setLayoutParams(params);
      statusBarView.setBackgroundColor(statusColor);
      decorViewGroup.addView(statusBarView);
  }

这里会出现一个问题,就是有条大黑边。

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

推荐阅读更多精彩内容