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

概述1前言一般我们在Android的APP开发中，APP的界面如下： 可以看到，有状态栏、ActionBar(ToolBar)、导航栏等,一般来说，APP实现沉浸式有三种需求：沉浸式状态栏，隐藏导航栏，APP全屏

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 沉浸式状态栏与隐藏导航栏实例详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程小技巧网站的支持！

总结

以上是内存溢出为你收集整理的Android 沉浸式状态栏与隐藏导航栏实例详解全部内容，希望文章能够帮你解决Android 沉浸式状态栏与隐藏导航栏实例详解所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。