HarmonyOS 如何实现弹窗从底部向上弹出的效果，以及关闭时从下消失的效果

参考demo如下：

@CustomDialog
struct CustomDialogExample01 {
  controller: CustomDialogController
  @State showFlag: Visibility = Visibility.Visible;
  build() {
    Column() {
      Row() {
        Image($r('app.media.huawei'))
          .height(60)
          .width(60)
          .margin(20)
          .borderRadius(10)
        Text('欢迎共筑HarmonyOS生态')
        Button('进入')
          .onClick(() => {
            this.cancel();
          })
          .margin(20)
      }
      .width('100%')
      .backgroundColor(Color.Grey)
    }
    .width("100%")
    .height(100)
    .backgroundColor(Color.Pink)
    .visibility(this.showFlag)
    //核心代码 设置动画事件为500ms ，设置组件转场时插入的起点和删除的终点为屏幕以下300vp
    //弹窗显示和消失配置为相同的过渡效果（出现和消失互为逆过程）
    //出现时从指定的透明度为0、沿y轴平移300vp，变为默认的透明度为1，透明度与旋转动画时长都为500ms
    //消失时从默认的透明度为1、沿y轴平移300vp，变为指定的透明度为0，透明度与旋转动画时长都为500ms
    .transition(TransitionEffect.OPACITY.animation({ duration: 500 })
      .combine(TransitionEffect.translate({ y: 300 })))
  }
  //在删除的时候需要注意，如果弹窗直接关闭是没有转场效果的，可以先用显隐控制，
  //设置弹窗为隐藏，此时弹出向下退出的动效生效，再设置延时关闭弹窗。
  cancel() {
    this.showFlag = Visibility.Hidden
    setTimeout(() => {
      this.controller.close()
    }, 500)
  }
}