首页 > 其他 > 详细

09.《Electron 跨平台开发实战》- chapter09-tray模块

时间:2020-06-17 16:50:04      阅读:74      评论:0      收藏:0      [点我收藏+]

项目代码

https://github.com/electron-in-action/clipmaster

创建Tray

  • main.js
const path = require(‘path‘);
const { app, Menu, Tray } = require(‘electron‘);
let tray = null;

app.on(‘ready‘, () => {
    tray = new Tray(path.join(__dirname, ‘Icon.png‘));
    if (process.platform === ‘win32‘) { //windows系统
        tray.on(‘click‘, tray.popUpContextMenu);
    }

    if (app.dock) { //macOS系统
        app.dock.hide(); //隐藏Dock图标
    }

    const menu = Menu.buildFromTemplate([
        {
            label: ‘退出‘,
            // click() {
            //     app.quit();
            // }
            click: () => {
                app.quit();
            }
        }
    ]);

    tray.setToolTip(‘Clipmaster‘);
    tray.setContextMenu(menu);
});

技术分享图片

要点解析

tary基本设置

  • tray = new Tray(path.join(__dirname, ‘Icon.png‘));
  • tray.setToolTip(‘Clipmaster‘);
  • tray.setContextMenu(menu);

为maxOS和window 选择不同的图标

09.《Electron 跨平台开发实战》- chapter09-tray模块

原文:https://www.cnblogs.com/easy5weikai/p/13153264.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!