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

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

作者: qh_七 | 来源:发表于2018-11-28 16:21 被阅读0次

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

一: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);
  }

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

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/qjzaqqtx.html