HarmonyOS鸿蒙Next中CustomDialog自定义弹窗组件如何进行物理返回拦截

HarmonyOS鸿蒙Next中CustomDialog自定义弹窗组件如何进行物理返回拦截 执行点击遮障层关闭、侧滑（左滑或右滑）、三键Back、键盘ESC关闭等交互操作时，如果注册了回调函数，弹窗不会立即关闭。

在回调函数中，通过reason获取阻拦关闭弹窗的操作类型，根据原因决定是否关闭弹窗。

示例代码如下：

@CustomDialog
struct CustomDialogExample {
  cancel?: () => void;
  confirm?: () => void;
  controller: CustomDialogController;


  build() {
    Column() {
      Text('Are you sure?')
        .fontSize(20)
        .margin({
          top: 10,
          bottom: 10
        })
      Row() {
        Button('cancel')
          .onClick(() => {
            this.controller.close();
            if (this.cancel) {
              this.cancel();
            }
          })
          .backgroundColor(0xffffff)
          .fontColor(Color.Black)
        Button('confirm')
          .onClick(() => {
            this.controller.close();
            if (this.confirm) {
              this.confirm();
            }
          })
          .backgroundColor(0xffffff)
          .fontColor(Color.Red)
      }
      .width('100%')
      .justifyContent(FlexAlign.SpaceAround)
      .margin({ bottom: 10 })
    }
  }
}


@Component
export struct InterceptCustomDialog {
  dialogController: CustomDialogController = new CustomDialogController({
    builder: CustomDialogExample({
      cancel: () => {
        this.onCancel();
      },
      confirm: () => {
        this.onAccept();
      }
    }),
    onWillDismiss: (dismissDialogAction: DismissDialogAction) => {
      console.log('dialog onWillDismiss reason: ' + dismissDialogAction.reason);
      // 1、PRESS_BACK    Click the back button, swipe left/right, and ESC on the keyboard.
      // 2、TOUCH_OUTSIDE    When clicking on the barrier layer
      // 3、CLOSE_BUTTON    Click the close button
      if (dismissDialogAction.reason === DismissReason.PRESS_BACK) {
        // After processing the business logic, actively close the dialog box through 'dismiss'
        // dismissDialogAction.dismiss();
      }
      if (dismissDialogAction.reason === DismissReason.TOUCH_OUTSIDE) {
        // dismissDialogAction.dismiss();
      }
    },
    alignment: DialogAlignment.Bottom,
    offset: { dx: 0, dy: -20 }
  })


  onCancel() {
    console.info('Callback when the first button is clicked');
  }


  onAccept() {
    console.info('Callback when the second button is clicked');
  }


  build() {
    Column() {
      Button('click me')
        .onClick(() => {
          this.dialogController.open();
        })
    }
    .width('100%')
  }
}