ionic1.x 版本的透明状态栏的实现

最新推荐文章于 2021-05-13 17:06:35 发布

争风24

最新推荐文章于 2021-05-13 17:06:35 发布

阅读量617

点赞数

分类专栏： Angularjs与Ionic1混合开发的常用插件文章标签： ionic 透明状态栏 statusbar

本文链接：https://blog.csdn.net/qq_23939265/article/details/78183118

版权

Angularjs与Ionic1混合开发的常用插件专栏收录该内容

1 篇文章 0 订阅

订阅专栏

实现效果：
这里写图片描述

1.安装cordova-plugin-statusbar插件

cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git

2.修改插件的底层代码，进入platforms->android->src->org->apache->cordova->statusbar中找到StatusBar.java文件。然后修改run方法即可：

将run方法里面的代码替换成以下代码，兼容版本是android 4.4以上。

  // Clear flag FLAG_FORCE_NOT_FULLSCREEN which is set initially
                // by the Cordova.
                Window window = cordova.getActivity().getWindow();

                /**
                 * remark zqh
                 * 修改透明状态栏，兼容android4.4以上版本
                 */
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP){
                    //添加内容start
                                window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
                                window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
                                window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
                                window.setStatusBarColor(Color.TRANSPARENT);
                                window.setNavigationBarColor(Color.TRANSPARENT);
                                window.clearFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);
                }else{
                  //透明状态栏
                  window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
                  //透明导航栏
                  window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
                }

修改后，运行项目就可以实现透明状态栏了。

补充：以上方式发现在有些机型会出现问虚拟键遮挡底部导航栏并与透明状态栏冲突问题，所以想出了以下的方式进行适配。
注释原来方式的代码，在platform/android/src/com/…/MainActivity中加入以下代码。


    /**
       * 判断底部navigator是否已经显示
       * @return
       * @paramwindowManager
       */
      @TargetApi(Build.VERSION_CODES.JELLY_BEAN_MR1)
      public static boolean hasSoftKeys(WindowManager windowManager) {
        Display d = windowManager.getDefaultDisplay();

        DisplayMetrics realDisplayMetrics = new DisplayMetrics();
        d.getRealMetrics(realDisplayMetrics);
        int realHeight = realDisplayMetrics.heightPixels;
        int realWidth = realDisplayMetrics.widthPixels;

        DisplayMetrics displayMetrics = new DisplayMetrics();
        d.getMetrics(displayMetrics);
        int displayHeight = displayMetrics.heightPixels;
        int displayWidth = displayMetrics.widthPixels;

        return (realWidth - displayWidth) > 0 || (realHeight - displayHeight) > 0;
      }

      /**
       * 处理虚拟键手机遮挡底部导航栏并与透明状态栏冲突问题
       */
      public void dealSoftKeys() {
        if (hasSoftKeys(getWindowManager())) {
          //有虚拟键的取消状态栏渲染防止底部导航栏被虚拟键遮挡
          if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
          }
        } else {
          if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            //5.0实现全屏
            getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
              | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
            getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
              | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
              | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);

            //5.0设置颜色
            getWindow().setStatusBarColor(Color.TRANSPARENT);
            getWindow().setNavigationBarColor(Color.TRANSPARENT);
          } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            //4.4实现全屏
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
          }

          if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN);
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
          }
        }
      }