当前位置：首页 > news >正文

详解HarmonyOS NEXT仓颉开发语言中的全局弹窗

news 2025/6/24 6:07:55

之前分享过仓颉开发语言中的自定义弹窗，那一次的自定义弹窗需要在对应页面先初始化再进行弹出，不是很方便。今天分享一下不依赖页面的全局弹窗。

仓颉提供了全局弹窗模块prompt_action，使用之前先将它导入：

import ohos.prompt_action.*

该模块提供了三种预设好的弹窗形式，第一种是简单的文字提示，可以设置弹窗内容，弹窗持续时间、弹窗模式等属性，使用方式如下：

PromptAction.showToast(message: '这是一个弹窗', duration: 4000, bottom: "80vp", showMode: ToastShowMode.Default)

你可以在任意页面任何地方随时调用，非常方便。看一下效果：

第二种是对话弹窗，内容有标题、内容和按钮的提示弹窗，比上一种弹窗内容丰富了些，适用于大多数场景，使用方式如下：

let buttons: Array<ButtonInfo> = [ButtonInfo("确认", Color.RED),ButtonInfo("取消", Color.BLACK)
]PromptAction.showDialog(title: "标题", message: "删除不可取消，确认删除？", buttons: buttons, callback: { err: Option<AsyncError>, i: Option<Int32> =>})

弹窗效果图如下：

第三种是菜单弹窗，支持传入1到6个按钮，使用方式和对话框类似：

let buttons: Array<ButtonInfo> = [ButtonInfo("选项1", Color.BLACK),ButtonInfo("选项2", Color.BLACK)
]
PromptAction.showActionMenu(title: "标题", buttons: buttons, callback: { err: Option<AsyncError>, i: Option<Int32> =>})

效果图如下：

如果这三种弹窗都不能满足你的要求，PromptAction还支持设置自定义内容，它会返回弹窗的id，我们可以根据id来关闭弹窗，具体使用方式如下：

@State var customdialogId:Int32 = 0@Builder
func CustomDialog() {Column(10) {Image(@r(app.media.startIcon)).width(50).height(50)Text("这是自定义弹窗").height(50.vp)Button("确定").onClick({=> PromptAction.closeCustomDialog(customdialogId)})}.margin(10.vp)
}PromptAction.openCustomDialog(CustomDialogOptions(builder: bind(this.CustomDialog, this)),{ id =>customdialogId = id})