HarmonyOS 如何实现APP切到后台以及在后台查看时蒙层遮罩效果

行业要求APP在进入后台后,要增加蒙层遮罩,处于后台时,不可以展示出来app具体内容。切换回前台时,再去除蒙层展示真实内容。

HarmonyOS
2024-12-24 15:42:28
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
aquaa

参考如下代码:

在EntryAbility中onWindowStageCreate方法中添加AppStorage.setOrCreate(‘windowStage’,windowStage);

page中demo如下:

import { window } from '@kit.ArkUI';

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  @State flag: boolean = false
  onPageShow(): void {
    let windowStage = AppStorage.get("windowStage") as window.WindowStage;
    windowStage.on("windowStageEvent", (data) => {
      if (data === window.WindowStageEventType.PAUSED) {
        this.flag = true
      }
      else {
        this.flag = false
      }
    })
  }

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
    .foregroundBlurStyle(this.flag ? BlurStyle.Thin : BlurStyle.NONE, {
      colorMode: ThemeColorMode.LIGHT,
      adaptiveColor: AdaptiveColor.DEFAULT
    })
  }
}
分享
微博
QQ
微信
回复
2024-12-24 18:01:09
相关问题
HarmonyOS app在后台打开mic失败
49浏览 • 1回复 待解决
应用在后台发送请求失败问题
804浏览 • 1回复 待解决
docker如何在后台执行jar代码?
2746浏览 • 1回复 待解决
HarmonyOS APP后台模糊功能实现
85浏览 • 1回复 待解决
HarmonyOS 如何实现一个遮罩
714浏览 • 1回复 待解决
HarmonyOS app后台提醒功能
230浏览 • 1回复 待解决
如何实现顶部渐变遮罩效果
705浏览 • 1回复 待解决
HarmonyOS 渐变遮罩效果如何实现
411浏览 • 1回复 待解决
HarmonyOS如何退到后台退出socket
668浏览 • 0回复 待解决
HarmonyOS 如何实现半透明的遮罩效果
204浏览 • 1回复 待解决