前提是引入对应模块的情况下进行
- 设置底部标签(电脑右下角的小图标啦!需引入Tray模块)
// Set `__static` path to static files in production
tray = new Tray(`${__static}/icon.ico`); //从静态文件中获取小icon
- 设置右下角的右击事件(需引入Menu、app模块)
const contextMenu = Menu.buildFromTemplate([
{ label: '退出', click:function(){app.quit()}}
])
// 设置右击菜单
tray.setContextMenu(contextMenu)
- 设置右下角的提示气泡(需引入Tray模块)
tray.setToolTip('气泡提示')
- 显示与隐藏主界面(需引入Tray模块)
tray.on('click', (event, bounds) => {
if (mainWindow.isVisible()) {
mainWindow.hide(); //左击右下角的小图标隐藏程序主界面
} else {
mainWindow.show() //左击右下角的小图标显示程序主界面
}
})
- 去掉头部一系列的操作栏(需引入Menu模块)
去掉前:
去掉后:
//去掉头部便签兰
Menu.setApplicationMenu(null)
- 主进程和渲染进程直之间的通信(需引入ipcRenderer、ipcMain模块)
在渲染进程中通过*ipcRenderer*APi进行发送事件
this.$electron.ipcRenderer.send("window-show");
而如何在主进程中监听呢?我们这里需要用到*ipcMain*API进行监听,从而完成渲染和主进程之间的通信操作
ipcMain.on('window-show', function() { //具体操作逻辑 })
具体相关API需参考Electron官网API,点击这里传送门。