删一 发表于 2025-6-23 14:10:17

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

之前分享过仓颉开发语言中的自定义弹窗,那一次的自定义弹窗需要在对应页面先初始化再进行弹出,不是很方便。今天分享一下不依赖页面的全局弹窗。
仓颉提供了全局弹窗模块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, 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, 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
            }) 

以上就是仓颉语言中全局弹窗的相关内容,感谢阅读。##HarmonyOS语言##仓颉##购物#

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: 详解HarmonyOS NEXT仓颉开发语言中的全局弹窗