文章目录核心功能说明1. 组件作用2. 调用方式3. 核心参数代码逐模块解析1 页面结构2 基础对话框3 双按钮对话框4 单按钮确认对话框运行效果完整代码总结核心功能说明1. 组件作用AlertDialog是系统级警告对话框用于向用户展示提示信息、确认操作、警告内容是 ArkUI 最常用的弹窗组件之一。2. 调用方式静态方法调用AlertDialog.show(options)3. 核心参数参数说明title对话框标题message对话框内容文本primaryButton主按钮确认按钮secondaryButton次按钮取消按钮cancel点击空白区域/返回键关闭弹窗的回调action按钮点击回调代码逐模块解析1 页面结构使用纵向布局Column展示三个按钮分别触发三种不同样式的对话框。Column({space:20}){Text(AlertDialog 示例)Button(1. 基础对话框)Button(2. 双按钮对话框)Button(3. 确认提示对话框)}2 基础对话框最简用法仅标题 内容点击空白关闭。AlertDialog.show({title:基础对话框,message:这是最简单的提示框,cancel:(){}})3 双按钮对话框包含确认和取消两个按钮用于操作确认场景。AlertDialog.show({title:确认操作,message:确定要执行这个操作吗,primaryButton:{value:确定,action:()console.log(点击确定)},secondaryButton:{value:取消,action:()console.log(点击取消)},cancel:(){}})4 单按钮确认对话框仅一个确认按钮用于操作完成/提示反馈。AlertDialog.show({title:操作提示,message:当前功能已正常运行,primaryButton:{value:我知道了,action:()console.log(关闭提示)},cancel:(){}})运行效果基础对话框显示标题和内容点击空白关闭。双按钮对话框显示确认、取消按钮可监听点击事件。确认提示对话框显示单个提示按钮用于操作结果反馈。效果如图完整代码EntryComponentstruct AlertDialogExample{build(){Column({space:20}){Text(AlertDialog 示例).fontSize(25).fontWeight(FontWeight.Bold).margin(30)// 1. 基础对话框Button(1. 基础对话框).onClick((){AlertDialog.show({title:基础对话框,message:这是最简单的提示框,cancel:(){}})})// 2. 双按钮对话框Button(2. 双按钮对话框).onClick((){AlertDialog.show({title:确认操作,message:确定要执行这个操作吗,primaryButton:{value:确定,action:()console.log(点击确定)},secondaryButton:{value:取消,action:()console.log(点击取消)},cancel:(){}})})// 3. 确认按钮对话框可正常显示Button(3. 确认提示对话框).onClick((){AlertDialog.show({title:操作提示,message:当前功能已正常运行,primaryButton:{value:我知道了,action:()console.log(关闭提示)},cancel:(){}})})}.width(100%).padding(20).justifyContent(FlexAlign.Center)}}总结按钮文本使用value。关闭回调用cancel。优先使用AlertDialog.show()静态调用。对话框会居中显示遮罩背景阻塞页面交互。如果这篇文章对你有帮助欢迎点赞、收藏、关注你的支持是持续创作的动力