HarmonyOS 鸿蒙Next：promptAction.openCustomDialog实现由下往上弹出效果，添加滑动手势控制滑动范围

import { BusinessError } from ‘@ohos.base’;

import { ComponentContent } from “@ohos.arkui.node”;

class Params {

  text: string = “”

  constructor(text: string) {

    this.text = text;

  }

} //传参

@Builder

function buildText(params: Params) {

  Row(){

    Column() {

      Text(params.text)

        .fontSize(20)

        .textAlign(TextAlign.Center)

        .fontWeight(FontWeight.Bold)

        .padding(8)

      Text(‘方便为你提供本地新闻和天气信息,并且根据您的位置信息发现附近的免费WiFi’)

        .fontSize(16)

        .textAlign(TextAlign.Center)

        .padding({ left:14,right:14})

        .margin({top:-4})

      Row({space:64}){

        Button(“不允许”)

        Button(“允许”)

      }

      .padding(24)

    }

    .width(“90%”)

    .borderRadius(8)

    .backgroundColor(’#FFF0F0F0’)

  }

  .height(“100%”)

  .visibility(800)

  // 定义进场出场转场动画效果

  .transition(TransitionEffect.OPACITY.animation({duration: 800}).combine(TransitionEffect.translate({y: 100})))

} //自定义组件的内容

@Entry

@Component

struct Index {

  @State message: string = “允许“应用”在您使用该应用时访问您的位置吗?”

  build() {

    Row() {

      Column() {

        Button(“click me”)

          .onClick(() => {

            let uiContext = this.getUIContext();

            let promptAction = uiContext.getPromptAction();

            let contentNode =

              new ComponentContent(uiContext, wrapBuilder(buildText), new Params(this.message)); //上下文、自定义节点、传参

            try {

              promptAction.openCustomDialog(contentNode);

            } catch (error) {

              let message = (error as BusinessError).message;

              let code = (error as BusinessError).code;

              console.error(OpenCustomDialog args error code is ${code}, message is ${message});

            }

          })

      }

      .width(‘100%’)

      .height(‘100%’)

    }

    .height(‘100%’)

  }

}