electron设置window系统托盘

简介: electron设置window系统托盘

electron设置托盘

 

// 设置系统托盘
const setAppTray = () => {
    // 托盘对象
    var appTray = null    
    // 系统托盘右键菜单
    var trayMenuTemplate = [
        {
            label: '退出',
            click: function() {
                // ipc.send('close-main-window');
                app.quit()
            }
        }
    ]
    // 系统托盘图标目录
    let trayIcon = path.join(__dirname, '../renderer/assets')
    appTray = new Tray(path.join(trayIcon, 'icon.png'))
    // 图标的上下文菜单
    const contextMenu = Menu.buildFromTemplate(trayMenuTemplate)
    // 设置此托盘图标的悬停提示内容
    appTray.setToolTip('网易云')
    // 设置此图标的上下文菜单
    appTray.setContextMenu(contextMenu)
}

最后再app.on('ready', createWindow) createWindow 调用上面的函数即可


相关文章
|
5月前
|
人工智能 缓存 自然语言处理
electron35-vue3-deepseek客户端流式输出AI对话系统
Electron35-DeepSeek桌面端AI系统|vue3.5+electron+arco客户端ai模板。2025跨平台ai实战electron35+vite6+arco仿DeepSeek/豆包ai流式打字聊天助手。
214 3
|
Shell
5.Electron之shell(使用系统默认浏览器打开网页)
5.Electron之shell(使用系统默认浏览器打开网页)
433 1
electron菜单或托盘点击如何打开新的窗口
electron菜单或托盘点击如何打开新的窗口
electron菜单或托盘点击如何打开新的窗口
|
JavaScript 前端开发 Linux
客户端开发(Electron)系统级API使用2
客户端开发(Electron)系统级API使用2
380 0
客户端开发(Electron)系统级API使用2
|
JavaScript 前端开发 Linux
客户端开发(Electron)系统级API使用
客户端开发(Electron)系统级API使用
873 0
客户端开发(Electron)系统级API使用
|
区块链 数据采集 Shell
用Electron创建跨平台应用(第三弹)开启系统通知
对于QQ这类实时通讯软件, 设置系统通知是非常常见的功能, 对于办公用的电子邮件服务, 收到新邮件进行通知也是非常必要的 Electron适用于创建跨平台应用, 对于系统通知这类常见需求, 也提供了非常好用的api 用户收到系统通知后, 往往会通过...
2256 2
|
8月前
|
人工智能 移动开发 JavaScript
如何用uniapp打包桌面客户端exe包,vue或者uni项目如何打包桌面客户端之electron开发-优雅草央千澈以开源蜻蜓AI工具为例子演示完整教程-开源代码附上
如何用uniapp打包桌面客户端exe包,vue或者uni项目如何打包桌面客户端之electron开发-优雅草央千澈以开源蜻蜓AI工具为例子演示完整教程-开源代码附上
823 18
|
10月前
|
JSON JavaScript 前端开发
开发桌面程序-Electron入门
【10月更文挑战第16天】Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用的框架,嵌入了 Chromium 和 Node.js。本文介绍了如何搭建 Electron 开发环境,包括安装 Node.js、创建项目、配置 main.js 和打包应用。通过简单的步骤,你可以快速创建并运行一个基本的 Electron 应用程序。
485 4
开发桌面程序-Electron入门
|
移动开发 开发框架 JavaScript
Vue3 Vite electron 开发桌面程序
Vue3 Vite electron 开发桌面程序
489 0