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

 更新时间:2017年07月05日 16:40:31   作者:带你装逼带你飞的程序猿  
沉浸式状态栏是指状态栏与ActionBar颜色相匹配,隐藏导航栏,就是将导航栏隐藏,去掉下面的黑条。下面通过实例给大家详解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 沉浸式状态栏与隐藏导航栏实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Android高级开发之性能优化典范

    Android高级开发之性能优化典范

    本文从电量,视图,内存三个性能方面的知识点给大家介绍android高级开发之性能优化的相关知识,希望对大家有所帮助
    2016-05-05
  • Flutter 和 Android 互相传递数据的实现

    Flutter 和 Android 互相传递数据的实现

    这篇文章主要介绍了Flutter 和 Android 互相传递数据的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • android TextView设置中文字体加粗实现方法

    android TextView设置中文字体加粗实现方法

    android TextView设置中文字体加粗如何实现,接下来介绍实现方法,有需要的朋友可以参考下
    2013-01-01
  • 浅析Android手机卫士读取联系人

    浅析Android手机卫士读取联系人

    这篇文章主要介绍了浅析Android手机卫士读取联系人的相关内容,通过getContentResolver()方法获取获取ContentResolver内容解析器对象,对android手机卫士读取联系人相关知识感兴趣的朋友参考下吧
    2016-04-04
  • Android使用硬件加速的方式

    Android使用硬件加速的方式

    硬件加速是指利用设备的硬件资源来加速图形渲染和图像处理等操作,以提高应用程序的性能和用户体验,Android使用硬件加速的目的是为了提高图形渲染的性能和效果,本文给大家详细介绍了Android如何使用硬件加速,需要的朋友可以参考下
    2023-10-10
  • Android画板开发之添加文本文字

    Android画板开发之添加文本文字

    这篇文章主要为大家详细介绍了Android画板开发之添加文本文字功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • 基于DownloadManager的简单下载器编写小结

    基于DownloadManager的简单下载器编写小结

    Android自带的DownloadManager是一个很好的下载文件的工具。该类在API level 9之后出现,它已经帮我们处理了下载失败、重新下载等功能,整个下载过程全部交给系统负责,不需要我们过多的处理,非常的nice。关键的是用起来也很简单,稍微封装一下就可以几句话搞定下载
    2017-12-12
  • Android TextView实现多文本折叠、展开效果

    Android TextView实现多文本折叠、展开效果

    这篇文章主要为大家详细介绍了Android TextView实现多文本折叠、展开效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • Android防止按钮重复点击示例代码

    Android防止按钮重复点击示例代码

    本文介绍封装的一个小的工具类库,按钮点击事件类库,该类库可以防止按钮重复点击,可以判断网络状态,可以判断用户登录态,以及自定义验证条件等等,有兴趣的可以了解一下
    2018-05-05
  • JS实现点击参数面板按钮显示或隐藏数据

    JS实现点击参数面板按钮显示或隐藏数据

    本文主要介绍JS实现点击参数面板按钮显示或隐藏数据的方法,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03

最新评论