electron dialog.showMessageBox的使用案例
作者：xjhqre
Electron Dialog 模块提供了api来展示原生的系统对话框,本文主要介绍了electron dialog.showMessageBox的使用案例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
electron 版本：25.3.1
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';"/>
</head>
<body>
<h1>Hello World!</h1>
<button id="sad">点我弹出消息对话框</button>
<script>
const {ipcRenderer} = require('electron')
document.querySelector('#sad').addEventListener('click', () => {
ipcRenderer.send('open-message-dialog')
})
</script>
</body>
</html>main.js
const {app, BrowserWindow, ipcMain, dialog} = require('electron')
function createWindow() {
let win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true,
contextIsolation: false
}
})
win.loadFile('index.html')
ipcMain.on('open-message-dialog', () => {
dialog.showMessageBox({
title: '消息',
message: '这是一个消息框。',
type: 'info',
buttons: ['确定', '取消']
})
})
}
app.whenReady().then(createWindow)
app.on('window-all-closed', function () {
if (process.platform !== 'darwin') app.quit()
})
app.on('activate', () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow()
}
})效果展示
到此这篇关于electron dialog.showMessageBox的使用案例的文章就介绍到这了,更多相关electron dialog.showMessageBox内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！