【Electron Playground 系列】Dialog与文件选择篇

作者: OBKoro1

electron原生对话框

electron的原生对话框dialog，提供了系统对话框, 提供了消息提示、消息提示操作以及选择文件、保存文件等操作，今天就跟着本文来了解一下electron。

PS：本文以及相关示例出自electron-playground，所有示例都可以即时运行，这是一个可以快速实验electron的各种相关API的项目，你可以基于它来学习和了解electron的相关api。

1. 消息提示 dialog.showMessageBoxSync

1.1 消息提示

const {
    dialog } = require('electron')
dialog.showMessageBoxSync({
   
  type: 'info',
  title: '这里是标题',
  message: '提示内容',
  detail: '额外信息'
})

electron-playgroud运行示例:

1.2 消息提示与确认

const {
    dialog } = require('electron')
const res = dialog.showMessageBoxSync({
   
  type: 'info',
  title: '这里是标题',
  message: '提示内容',
  detail: '额外信息',
  cancelId: 1, // 按esc默认点击索引按钮
  defaultId: 0, // 默认高亮的按钮下标
  buttons: ['确认按钮', '取消按钮'], // 按钮按索引从右往左排序
})
console.log(