- 引入 Tray Menu
import { Menu, Tray, app, BrowserWindow } from"electron";
- 系统托盘右键菜单
functioncreateWindow() { ... //系统托盘右键菜单 vartrayMenuTemplate = [{ label: "设置", click: function() {} //打开相应页面 }, { label: "意见反馈", click: function() {} }, { label: "帮助", click: function() {} }, { label: "关于", click: function() {} }, { label: "退出", click: function() { //ipc.send('close-main-window'); app.quit(); } } ]; //系统托盘图标目录 let iconPath = path.join(__dirname, "ico.ico"); let appTray = newTray(iconPath); //图标的上下文菜单 const contextMenu = Menu.buildFromTemplate(trayMenuTemplate); //设置此托盘图标的悬停提示内容 appTray.setToolTip("electron-vue-test."); //设置此图标的上下文菜单 appTray.setContextMenu(contextMenu); //系统托盘图标闪烁 let count = 0, timer = null; timer = setInterval(function() { count++; if (count % 2 == 0) { appTray.setImage(iconPath); } else { appTray.setImage(iconPath); } }, 600); //单点击 1.主窗口显示隐藏切换 2.清除闪烁 appTray.on("click", function() { if (!!timer) { appTray.setImage(iconPath); //主窗口显示隐藏切换 mainWindow.isVisible() ? mainWindow.hide() : mainWindow.show(); // 关闭托盘显示 // appTray.destroy(); } }); ... }
Electron程序显示在右下角盘系统托盘右键菜单
最新推荐文章于 2024-05-21 14:15:14 发布