HarmonyOS 如何动态修改状态栏颜色和字体颜色?

HarmonyOS 如何动态修改状态栏颜色和字体颜色?

HarmonyOS
2024-11-26 09:11:52
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
fox280

​实现状态栏图标颜色动态修改,每个页面还是需要在每个页面设置颜色,如果动态的存取可以用堆栈集合等方式对颜色的值进行取值。 在需要改变的页面直接调用setWindowSystemBarProperties方法,参考文档:​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#setwindowsystembarproperties9

import { window } from '@kit.ArkUI'; 
 
@Entry 
@Component 
struct Index { 
  @State imgFit: ImageFit = ImageFit.Auto; 
 
  change(): void { 
    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: '#ffc41212', 
          // 设置状态栏文本颜色为白色 
          statusBarContentColor: '#ff81f362' 
        }) 
        console.info('带状态栏沉浸式窗口设置完成') 
      } catch (expextion) { 
        console.error("error cause :" + JSON.stringify(expextion)) 
      } 
    }) 
  } 
 
  build() { 
    Row() { 
      Column({ space: 10 }) { 
        Button("change").onClick(() => { 
          this.change() 
        }) 
      } 
      .height('100%') 
    } 
    .width('100%') 
    .backgroundColor(Color.Black) 
  } 
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
分享
微博
QQ
微信
回复
2024-11-26 16:09:38
相关问题
鸿蒙怎么 修改状态栏字体颜色
13512浏览 • 1回复 待解决
HarmonyOS 动态设置状态栏颜色
907浏览 • 1回复 待解决
HarmonyOS 状态栏颜色如何修改
1399浏览 • 1回复 待解决
HarmonyOS 修改状态栏颜色不生效
1087浏览 • 1回复 待解决
如何设置状态栏导航颜色
4481浏览 • 1回复 待解决
HarmonyOS 如何设置状态栏颜色
1028浏览 • 1回复 待解决
HarmonyOS 状态栏怎么设置颜色
862浏览 • 1回复 待解决
HarmonyOS 状态栏图标颜色设置
949浏览 • 1回复 待解决