如何在cordova-plugin-statusbar插件基础上增加获取状态栏高度功能

Posted 2020-12-19 happymental

　　最近做项目，有一个功能需求需要获取状态栏高度，但是遍寻各种插件，都没有此功能，自己又不会写原生代码，很无奈。但是在cordova-plugin-statusbar插件git仓库的issues里，看到有人提出了同样的需求，并且有人实现了这个功能且发起了pr，只是插件官方并没有合并到主分支上且release新版本。于是，自己去合并请求的仓库里找到了相关代码，加到了自己本地的插件代码里。目前仅实践了android，所以先把安卓相关的改动贴出来记录一下（红色代码部分），之后实践了ios后再来补上。

　　PS：如果已经添加了platform的话，直接修改plugins里面的内容，打包的时候是不会生效的，所以要么去平台编译后的代码里添加修改，或者修改后重新添加platform

• pluginscordova-plugin-statusbarwwwstatusbar.js

var StatusBar = {
    
    height: function (onSuccess, onError) {
        exec(onSuccess, onError, "StatusBar", "height", []);
    },

    isVisible: true,

    ……

};

 

• pluginscordova-plugin-statusbarsrcandroidStatusBar.java

public boolean execute(final String action, final CordovaArgs args, final CallbackContext callbackContext) throws JSONException {
        LOG.v(TAG, "Executing action: " + action);
        final Activity activity = this.cordova.getActivity();
        final Window window = activity.getWindow();

        if ("_ready".equals(action)) {
            boolean statusBarVisible = (window.getAttributes().flags & WindowManager.LayoutParams.FLAG_FULLSCREEN) == 0;
            callbackContext.sendPluginResult(new PluginResult(PluginResult.Status.OK, statusBarVisible));
            return true;
        }
        
        if ("height".equals(action)) {
            float statusBarHeight = getStatusBarHeight();
            callbackContext.sendPluginResult(new PluginResult(PluginResult.Status.OK, statusBarHeight));
            return true;
        }
        ……        
}

……

　　private float getStatusBarHeight() {
        float statusBarHeight = 0;
        int resourceId = cordova.getActivity().getResources().getIdentifier("status_bar_height", "dimen", "android");
        if (resourceId > 0) {
            float scaleRatio = cordova.getActivity().getResources().getDisplayMetrics().density;
            statusBarHeight = cordova.getActivity().getResources().getDimension(resourceId) / scaleRatio;
        }
        return statusBarHeight;
    }

    private void setStatusBarBackgroundColor(final String colorPref) {
        if (Build.VERSION.SDK_INT >= 21) {
            if (colorPref != null && !colorPref.isEmpty()) {
                final Window window = cordova.getActivity().getWindow();
                // Method and constants not available on all SDKs but we want to be able to compile this code with any SDK
                window.clearFlags(0x04000000); // SDK 19: WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
                window.addFlags(0x80000000); // SDK 21: WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
                try {
                    // Using reflection makes sure any 5.0+ device will work without having to compile with SDK level 21
                    window.getClass().getMethod("setStatusBarColor", int.class).invoke(window, Color.parseColor(colorPref));
                } catch (IllegalArgumentException ignore) {
                    LOG.e(TAG, "Invalid hexString argument, use f.i. ‘#999999‘");
                } catch (Exception ignore) {
                    // this should not happen, only in case Android removes this method in a version > 21
                    LOG.w(TAG, "Method window.setStatusBarColor not found for SDK level " + Build.VERSION.SDK_INT);
                }
            }
        }
    }

……

 

• pluginscordova-plugin-statusbarsrcrowserStatusBarProxy.js

……

module.exports = {
    isVisible: false,
    height: 0,
    styleBlackTranslucent:notSupported,
    styleDefault:notSupported,
    styleLightContent:notSupported,
    styleBlackOpaque:notSupported,
    overlaysWebView:notSupported,
    styleLightContect: notSupported,
    backgroundColorByName: notSupported,
    backgroundColorByHexString: notSupported,
    hide: notSupported,
    show: notSupported,
    _ready:notSupported
};

……