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

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

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' 
      }) 
    }) 
  })
分享
微博
QQ
微信
回复
2024-02-01 19:26:36
相关问题
鸿蒙如何获取导航状态栏高度
9908浏览 • 1回复 待解决
如何获取状态栏导航高度
1384浏览 • 1回复 待解决
如何设置沉浸式状态栏
1021浏览 • 1回复 待解决
ets开发如何设置隐藏状态栏
1892浏览 • 1回复 待解决
状态栏设置颜色失效该怎么办啊?
669浏览 • 1回复 待解决
设置状态栏颜色不起作用怎么回事?
957浏览 • 1回复 待解决
鸿蒙怎么 修改状态栏字体颜色
10692浏览 • 1回复 待解决
应用如何设置隐藏顶部状态栏
918浏览 • 1回复 待解决
元服务顶部状态栏怎么设置标题
662浏览 • 3回复 待解决
如何实现沉浸式状态栏
37浏览 • 1回复 待解决
Js UI 如何设置状态栏背景是透明
2010浏览 • 1回复 待解决
Dialog如何覆盖状态栏全屏显示
9000浏览 • 1回复 待解决