如何设置状态栏和导航栏的颜色

如何设置状态栏和导航栏的颜色

HarmonyOS
2024-01-31 16:16:02
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
liankou

使用window.setWindowSystemBarProperties()接口即可设置。

示例代码

Text(this.message) 
  .fontSize(50) 
  .fontWeight(FontWeight.Bold) 
  .onClick(()=>{ 
    window.getLastWindow(getContext(this),(err,win)=>{ 
      // TYPE_CUTOUT表示刘海屏区域。 
      let cutOutInfo=win.getWindowAvoidArea(window.AvoidAreaType.TYPE_CUTOUT); 
      console.log(JSON.stringify(cutOutInfo)); 
      // TYPE_SYSTEM 表示系统默认区域。一般包括状态栏、导航栏,各设备系统定义可能不同。 
      let systemArea = win.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM); 
      console.log(JSON.stringify(systemArea)); 
      // 设置导航栏状态栏颜色 
      win.setWindowSystemBarProperties({ 
        // 状态栏颜色 
        statusBarColor:'#66666666', 
        // 状态栏文字颜色 
        statusBarContentColor:'#ffffffff', 
        // 导航栏颜色 
        navigationBarColor:'#ff000000', 
        // 导航栏文字颜色 
        navigationBarContentColor:'#ffffffff' 
      }) 
    }) 
  })
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
分享
微博
QQ
微信
回复
2024-02-01 19:26:36
相关问题
如何获取状态栏导航高度
3913浏览 • 1回复 待解决
HarmonyOS 如何设置状态栏颜色
1032浏览 • 1回复 待解决
如何获取系统导航状态栏高度
1947浏览 • 1回复 待解决
鸿蒙如何获取导航状态栏高度
12277浏览 • 1回复 待解决
HarmonyOS 动态设置状态栏颜色
922浏览 • 1回复 待解决
HarmonyOS 状态栏图标颜色设置
954浏览 • 1回复 待解决
HarmonyOS 状态栏怎么设置颜色
867浏览 • 1回复 待解决
如何获取状态栏导航高度?
1233浏览 • 0回复 待解决
获取状态栏导航高度
1554浏览 • 1回复 待解决
HarmonyOS 状态栏颜色如何修改
1421浏览 • 1回复 待解决