HarmonyOS 单页面如何控制状态栏字体颜色

HarmonyOS
2024-12-18 15:13:29
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

状态栏字体颜色可通过设置statusBarContentColor修改,参考文档如下:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5

参考代码:

import window from '@ohos.window';
@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  build() {
    Row() {
      Column() {
        Text(this.message)
          .align(Alignment.Center)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
          .fontColor(Color.White)
        ColumnSplit().height(20)
        Button() {
          Text("点我看效果")
        }
        .width(100)
        .height(50)
        .onClick(() => {
          this.message = "我变了"
          window.getLastWindow(getContext(), (err, data) => {
            let win: window.Window;
            if (err.code) {
              console.error("error code :" + JSON.stringify(err.code))
              return;
            }
            try {
              win = data;
              //设置窗口为全屏模式
              win.setWindowLayoutFullScreen(true);
              // 设置状态栏
              win.setWindowSystemBarProperties({
                // 设置状态栏颜色为其他颜色
                statusBarColor: '#ffe30520',
                // 设置状态栏文本颜色为白色
                statusBarContentColor: '#ffffffff'
              })
              console.info('带状态栏沉浸式窗口设置完成')
            }
            catch (expextion) {
              console.error("error cause :" + JSON.stringify(expextion))
            }
          })
        })
        ColumnSplit().height(20)
      }
      .width('100%')
    }
    .height('100%')
    .backgroundColor(Color.Green)
  }
}
分享
微博
QQ
微信
回复
2024-12-18 17:32:16
相关问题
鸿蒙怎么 修改状态栏字体颜色
12899浏览 • 1回复 待解决
HarmonyOS 如何控制状态栏
391浏览 • 1回复 待解决
HarmonyOS 如何设置状态栏颜色
528浏览 • 1回复 待解决
HarmonyOS 状态栏怎么设置颜色
464浏览 • 1回复 待解决
HarmonyOS 动态设置状态栏颜色
460浏览 • 1回复 待解决
HarmonyOS 状态栏图标颜色设置
534浏览 • 1回复 待解决
HarmonyOS 状态栏颜色如何修改
677浏览 • 1回复 待解决
如何设置状态栏和导航颜色
3803浏览 • 1回复 待解决