鸿蒙ArkUI设置状态栏颜色 JS 版本_鸿蒙在app开发中,设置窗口状态栏背景色透明色

之前找到的是通过java代码设置鸿蒙ArkUI的状态栏颜色。
不过用的是js写的代码，感觉不太好，还是用纯js写的比较合适。
偶然发现其实也是可以通过js设置的。
java的设置方式如下：

// 在 public class MainAbility extends AceAbility { 这个函数中添加如下代码
        Window window = getWindow();
        window.setStatusBarColor(Color.WHITE.getValue());
        window.setStatusBarVisibility(Component.VISIBLE);
1
2
3
4

写js比较多，感觉写java总是那么的不太想写，还要查各种东西，比较麻烦。
js的文档 https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-apis-window-0000001333800489#ZH-CN_TOPIC_0000001333800489__windowgettopwindow
引入window并且设置相应的状态栏颜色。

// 可以写在app.js的onCreate中
// 首先引入 window
import window from '@ohos.window';
// 再次配置
window.getTopWindow((err, w) => {
    w.setSystemBarProperties({
        statusBarColor: "#ffffff" // 设置成白色
    })
})
1
2
3
4
5
6
7
8
9

整体代码如下：

import window from '@ohos.window';

export default {
    onCreate() {
        window.getTopWindow((err, w) => {
            w.setSystemBarProperties({
                statusBarColor: "#ffffff"
            })
        })
    },
    onDestroy() {
        console.info('AceApplication onDestroy');
    }
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14

完成，总体上感觉鸿蒙的文档没有微信小程序的好懂，还是要开发的时候多翻看一下。相关的文档有点不太好找。