HarmonyOS鸿蒙Next中ArkUI简洁的弹窗方式

HarmonyOS鸿蒙Next中ArkUI简洁的弹窗方式

采用下列弹窗方式可直接打开一个弹窗页面，小伙伴们还有其它更为简介的方式吗，欢迎讨论交流，共同进步！！

promptAction.openCustomDialog({
    width: 75,
    height: 275,
    cornerRadius: 0,
    offset: { dx: 0, dy: -75 },
    maskColor: Color.Transparent,
    alignment: DialogAlignment.Bottom,
    backgroundColor: Color.Transparent,
    backgroundBlurStyle: BlurStyle.NONE,
    builder: () => this.todoTargetUpdateView(),
    onWillDismiss: async (dismissDialogAction: DismissDialogAction) => {
      if (dismissDialogAction.reason == DismissReason.TOUCH_OUTSIDE) {
        dismissDialogAction.dismiss()
      }
    },
}).then((id: number) => {
  this.dialogID = id
})

更多关于HarmonyOS鸿蒙Next中ArkUI简洁的弹窗方式的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

可以看看第三方库

https://gitee.com/tongyuyan/harmony-utils

更多关于HarmonyOS鸿蒙Next中ArkUI简洁的弹窗方式的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


感谢友友的回复，很有帮助！！！

在HarmonyOS鸿蒙Next中，ArkUI提供了一种简洁的弹窗方式，主要通过AlertDialog组件实现。AlertDialog用于显示提示信息、确认操作或获取用户输入。其基本用法如下：

  1. 创建弹窗：使用AlertDialog组件创建弹窗，设置标题、内容和按钮。
  2. 显示弹窗：通过showDialog方法显示弹窗。
  3. 处理按钮点击：为弹窗的按钮设置点击事件处理函数。

示例代码：

import { AlertDialog } from '@ohos.arkui';

let dialog = new AlertDialog({
  title: '提示',
  message: '这是一个简单的弹窗',
  buttons: [
    {
      text: '确定',
      onClick: () => {
        console.log('确定按钮被点击');
      }
    },
    {
      text: '取消',
      onClick: () => {
        console.log('取消按钮被点击');
      }
    }
  ]
});

dialog.show();

AlertDialog支持自定义标题、消息内容和按钮，按钮可以设置多个，每个按钮可以绑定不同的点击事件。这种方式简洁高效，适用于大多数弹窗场景。

在HarmonyOS鸿蒙Next中，ArkUI提供了简洁的弹窗实现方式。通过AlertDialog组件，可以快速创建弹窗。以下是一个简单示例：

import { AlertDialog } from '@ohos.arkui';

AlertDialog.show({
  title: '提示',
  message: '这是一个简单的弹窗',
  buttons: [
    {
      text: '确定',
      onClick: () => {
        console.log('确定按钮被点击');
      }
    }
  ]
});

此代码会显示一个带有标题、消息和确定按钮的弹窗。AlertDialog支持自定义按钮、样式和事件处理，满足不同场景需求。

回到顶部