HarmonyOS 组件如何感知app前后台切换

//UIAbility中  
...  
onWindowStageCreate(windowStage: window.WindowStage) {...  
windowStage.loadContent('pages/Page1', (err, data) => {  
AppStorage.setOrCreate<boolean>('video',true)}  
...  
  
//Page页面中  
@Entry  
@Component  
struct Page1 {  
@State message: string = 'Hello World'  
@StorageLink('video') isOnForeground:boolean = true  
build() {  
Row() {  
Column() {  
Text(this.message)  
.fontSize(50)  
.fontWeight(FontWeight.Bold)  
Vid({isOnForeground:this.isOnForeground})  
}  
.width('100%')  
}  
.height('100%')  
}  
}  
  
@Component  
struct Vid {  
  @Watch('change')@Link isOnForeground:boolean  
  @State message: string = 'video'  
  build() {  
    Text("message")  
      .fontSize(50)  
      .fontWeight(FontWeight.Bold)  
      .onClick(()=>{  
        this.message += this .isOnForeground  
        console.log(""+this.isOnForeground)  
      })  
  }  
  change() {  
    if (this.isOnForeground) {  
      console.log('组件在前台')  
    } else {  
      console.log('组件在后台')  
    }  
  }  
}
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.
46.
47.
48.