HarmonyOS 如何设置后台模糊效果？

Question

在最近任务列表中，模糊或白色遮住真空界面的效果

Answer 1

可以使用如下demo达到后台模糊效果：

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

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

  build() {
    Row() {
      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
    })
  }
}