electron要使用消息对话框,需要先引入dialog模块
dialog.showMessageBox([browserWindow, ]options)
第一个参数是browserWindow对象,该参数是可选的,如果设置了该参数,则保存对话框为这个窗口的模态子窗口
第二个参数是一个对象,可以设置下面这些属性
title:message box 的标题,一些平台不显示
message:message box 的内容
icon:message box 的图标
type:可以为 "none", "info", "error", "question" 或者 "warning". 在 Windows 上, "question" 与"info"显示相同的图标, 除非你使用了 "icon" 选项设置图标。 在 macOS 上, "warning" 和 "error" 显示相同的警告图标
buttons:按钮的文本数组
defaultId:在 message box 对话框打开的时候,设置默认选中的按钮,值为在 buttons 数组中的索引
例子如下:
dialog.showMessageBox({
title:"信息",
message:"这是一个消息对话框",
buttons:['按钮1','按钮2','按钮3','按钮4','按钮5'],
// type:"warning",
// icon:"./images/pic.jpg"
}).then(result => {
console.log(result.response);//点击按钮的索引
console.log(result.checkboxChecked);//如果设置了checkboxLabel,复选框的选中状态
}).catch(err => {
console.log(err)
});
title:"信息",
message:"这是一个消息对话框",
buttons:['按钮1','按钮2','按钮3','按钮4','按钮5'],
// type:"warning",
// icon:"./images/pic.jpg"
}).then(result => {
console.log(result.response);//点击按钮的索引
console.log(result.checkboxChecked);//如果设置了checkboxLabel,复选框的选中状态
}).catch(err => {
console.log(err)
});