1. 引入 Tray Menu
` import { Menu, Tray, app, BrowserWindow } from"electron";`
2. 系统托盘右键菜单
```
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-vue打包不同平台的安装文件
- Electron+Vue开发跨平台桌面应用
- electron-vue项目初始化process is not defined问题解决
- 出现 require is not defined 的问题
- Cannot read property 'app' of undefined
- electron-vue 隐藏顶部菜单 隐藏导航 、自定义导航
- electron程序显示在右下角托盘
- electron与vue通信
- electron-vue修改任务栏图标
- electron-vue文档1
- 打包错误
- 使用 electron 屏幕或摄像头录制并保存到本地
- electron-vue创建报错