HarmonyOS 用CustomDialog自定义Dialog

import common from '@ohos.app.ability.common';  
@CustomDialog  
struct CustomDialogExample {  
  controller: CustomDialogController;  
  aboutToAppear() {  
    console.info('CustomDialogExample aboutToAppear');  
  }  
  aboutToDisappear() {  
    console.info('CustomDialogExample aboutToDisappear')  
  }  
  build() {  
    Column() {  
      Text('我是内容')  
        .fontSize(20)  
        .margin({ top: 10, bottom: 10 })  
    }  
  }  
}  
@Entry  
@Component  
struct CustomDialogUser {  
  private context = getContext(this) as common.UIAbilityContext;  
  dialogController: CustomDialogController = new CustomDialogController({  
    builder: CustomDialogExample(),  
  })  
  build() {  
    Column() {  
      Button('click me')  
        .onClick(() => {  
          this.dialogController.open()  
        })  
    }.width('100%').margin({ top: 5 })  
  }  
}
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.