HarmonyOS 自定义dialog如何设置全屏（覆盖导航栏和状态栏）

全局弹窗示例代码：

1.全局开启沉浸式模式

let windowClass: window.Window = windowStage.getMainWindowSync(); // 获取应用主窗口
let isLayoutFullScreen = true;
try {
  let promise = windowClass.setWindowLayoutFullScreen(isLayoutFullScreen);
  promise.then(() => {
    console.info('Succeeded in setting the window layout to full-screen mode.');
  }).catch((err: BusinessError) => {
    console.error('Failed to set the window layout to full-screen mode. Cause:' + JSON.stringify(err));
  });
} catch (exception) {
  console.error('Failed to set the window layout to full-screen mode. Cause:' + JSON.stringify(exception));
}

2.自定义弹窗

@CustomDialog
export struct CustomerDialog {
  controller: CustomDialogController
  build() {
    Column() {
      Text("提示")
      Row() {
        Button('取消', {
          type: ButtonType.Normal
        })
          .width(100)
          .height(30)
          .attributeModifier(new TextBodyModifier())
          .onClick(() => {
          })
          .fontColor(0x666666)
          .borderRadius({
            bottomLeft: 8,
            bottomRight: 8
          })
        Button('确定', {
          type: ButtonType.Normal
        })
          .width(100)
          .height(30)
          .attributeModifier(new TextBodyModifier())
          .onClick(() => {

        })
        .fontColor(0x333333)
          .borderRadius({
            bottomLeft: 8,
            bottomRight: 8
          })
      }.justifyContent(FlexAlign.SpaceAround)
    }
    .width(280)
    .height(280)
    .borderRadius(8)
    .backgroundColor(Color.White)
    .alignItems(HorizontalAlign.Center)
    .justifyContent(FlexAlign.SpaceEvenly)

  }
}

3.调用

private controller: CustomDialogController = new CustomDialogController({
  builder: CustomerDialog({
  }),
  alignment: DialogAlignment.Center,
  autoCancel: false,
  customStyle: true,
  cancel: () => {
    router.back()
  }

自定义弹窗大小有两种方式

方式一：采用弹窗容器默认样式。在默认样式中，弹窗容器高度自适应子节点，最大可为窗口高度的90%；弹窗容器的宽度根据栅格系统自适应，不跟随子节点变化。

方式二：当显示设置customStyle为true时，弹窗宽高跟随子节点内容适应。自定义dialog无法覆盖全屏覆盖底部短横条可通过该方式解决。

maskRect属性 弹窗遮蔽层区域，在遮蔽层区域内的事件不透传，在遮蔽层区域外的事件透传。

默认值：

{ x: 0, y: 0, width: '100%', height: '100%' }

showInSubWindow为true时，maskRect不生效

具体请参考：

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-methods-custom-dialog-box-V5