Android 沉浸式状态栏与隐藏导航栏实例详解

1 前言

一般我们在android的app开发中，app的界面如下：

 

可以看到，有状态栏、actionbar(toolbar)、导航栏等,一般来说，app实现沉浸式有三种需求：沉浸式状态栏，隐藏导航栏，app全屏

沉浸式状态栏是指状态栏与actionbar颜色相匹配，

隐藏导航栏不用多说，就是将导航栏隐藏，去掉下面的黑条。

app全屏是指将状态栏与导航栏都隐藏，例如很多游戏界面，都是app全屏。

所以，在做这一步时，关键要问清楚产品狗的需求，免得白费功夫。

下面，分别来介绍这三种方式的实现。

2 沉浸式状态栏

沉浸式状态栏效果一般如下：

 

关于沉浸式状态栏网上的方案很多，比如android 5.0 以上的md设计，或者修改activiyty的window的setstatusbarcolor()方法，设置颜色。需要说明一点的时，沉浸式状态栏只对api19以上有效。

这里我依然采用的是设置activity的window设置setstatusbarcolor()的方法。代码如下：

/**
   * 设置状态栏的颜色
   */
  @targetapi(build.version_codes.kitkat)
  public static void statusbartintcolor(activity activity, int color) {
    // 代表 5.0 及以上
    if (build.version.sdk_int >= build.version_codes.lollipop) {
      activity.getwindow().setstatusbarcolor(color);
      return;
    }
    // versioncode > 4.4 and versioncode < 5.0
    if (build.version.sdk_int >= build.version_codes.kitkat && build.version.sdk_int < build.version_codes.lollipop) {
      //透明状态栏
      activity.getwindow().addflags(windowmanager.layoutparams.flag_translucent_status);
      viewgroup androidcontainer = (viewgroup) activity.findviewbyid(android.r.id.content);
      // 留出高度 setfitssystemwindows true代表会调整布局，会把状态栏的高度留出来
      view contentview = androidcontainer.getchildat(0);
      if (contentview != null) {
        contentview.setfitssystemwindows(true);
      }
      // 在原来的位置上添加一个状态栏
      view statusbarview = createstatusbarview(activity);
      androidcontainer.addview(statusbarview, 0);
      statusbarview.setbackgroundcolor(color);
    }
  }
  /**
   * 创建一个需要填充statusbarview
   */
  private static view createstatusbarview(activity activity) {
    view statusbarview = new view(activity);
    viewgroup.layoutparams statusbarparams = new viewgroup.layoutparams(
        viewgroup.layoutparams.match_parent, getstatusbarheight(activity));
    statusbarview.setlayoutparams(statusbarparams);
    return statusbarview;
  }
  /**
   * 获取状态栏的高度
   */
  public static int getstatusbarheight(context context) {
    int result = 0;
    int resourceid = context.getresources().getidentifier("status_bar_height", "dimen", "android");
    if (resourceid > 0) {
      result = context.getresources().getdimensionpixelsize(resourceid);
    }
    return result;
  }

3 隐藏导航栏

隐藏导航栏就是使用了ui flag

/**
   *
   * @param activity
   * @param
   */
  public static void setnavigationbar(activity activity,int visible){
    view decorview = activity.getwindow().getdecorview();
    //显示navigationbar
    if (view.gone == visible){
      int option = system_ui_flag_hide_navigation;
      decorview.setsystemuivisibility(option);
    }
  }

4 app全屏

这里的app全屏又分为隐藏状态栏与actionbar，与隐藏导航栏，状态栏。

隐藏状态栏：

/**
   * 设置activity的statusbar隐藏
   * @param activity
   */
  public static void statusbarhide(activity activity){
    // 代表 5.0 及以上
    if (build.version.sdk_int >= build.version_codes.lollipop) {
      view decorview = activity.getwindow().getdecorview();
      int option = view.system_ui_flag_layout_fullscreen;
      decorview.setsystemuivisibility(option);
      activity.getwindow().setstatusbarcolor(color.transparent);
      actionbar actionbar = activity.getactionbar();
      actionbar.hide();
      return;
    }
    // versioncode > 4.4 and versioncode < 5.0
    if (build.version.sdk_int >= build.version_codes.kitkat && build.version.sdk_int < build.version_codes.lollipop) {
      activity.getwindow().addflags(windowmanager.layoutparams.flag_translucent_status);
    }
  }

效果如下：

这里先调用getwindow().getdecorview()方法获取到了当前界面的decorview，然后调用它的setsystemuivisibility()方法来设置系统ui元素的可见性。其中，system_ui_flag_fullscreen表示全屏的意思，也就是会将状态栏隐藏。另外，根据android的设计建议，actionbar是不应该独立于状态栏而单独显示的，因此状态栏如果隐藏了，我们同时也需要调用actionbar的hide()方法将actionbar也进行隐藏。

隐藏导航栏，状态栏：

一般游戏需要这种界面，代码如下：

在activity的onwindowfocuschanged（）中去设置界面完全全屏。

 /**
   * 导航栏，状态栏隐藏
   * @param activity
   */
  public static void navigationbarstatusbar(activity activity,boolean hasfocus){
    if (hasfocus && build.version.sdk_int >= 19) {
      view decorview = activity.getwindow().getdecorview();
      decorview.setsystemuivisibility(
          view.system_ui_flag_layout_stable
              | view.system_ui_flag_layout_hide_navigation
              | view.system_ui_flag_layout_fullscreen
              | view.system_ui_flag_hide_navigation
              | view.system_ui_flag_fullscreen
              | view.system_ui_flag_immersive_sticky);
    }
  }

效果如下：

可以看到，界面默认情况下是全屏的，状态栏和导航栏都不会显示。而当我们需要用到状态栏或导航栏时，只需要在屏幕顶部向下拉，或者在屏幕右侧向左拉，状态栏和导航栏就会显示出来，此时界面上任何元素的显示或大小都不会受影响。过一段时间后如果没有任何操作，状态栏和导航栏又会自动隐藏起来，重新回到全屏状态。

透明状态栏,导航栏：

另外，通过设置ui flag，可以让导航栏，状态栏都透明化。

/**
   * 导航栏，状态栏透明
   * @param activity
   */
  public static void setnavigationbarstatusbartranslucent(activity activity){
    if (build.version.sdk_int >= 21) {
      view decorview = activity.getwindow().getdecorview();
      int option = view.system_ui_flag_layout_hide_navigation
          | view.system_ui_flag_layout_fullscreen
          | view.system_ui_flag_layout_stable;
      decorview.setsystemuivisibility(option);
      activity.getwindow().setnavigationbarcolor(color.transparent);
      activity.getwindow().setstatusbarcolor(color.transparent);
    }
    actionbar actionbar = activity.getactionbar();
    actionbar.hide();
  }

效果如下：

以上所述是小编给大家介绍的android 沉浸式状态栏与隐藏导航栏实例详解，希望对大家有所帮助