用Electron创建跨平台应用(四)设置窗口图标与系统托盘图标

TIM截图20191017150511.png

设置窗口图标,在窗口初始时加入icon参数即可

  win = new BrowserWindow({
    icon: './src/img/icon.png',
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  })

系统托盘图标与菜单

  const { app, BrowserWindow, Menu, shell, ipcMain, Tray } = require('electron')
  
  //创建任务栏图标、菜单
  const tray = new Tray('./src/img/icon.png');
  const trayContextMenu = Menu.buildFromTemplate([
    {
      label: '打开',
      click: () => {
        win.show();
      }
    }, {
      label: '退出',
      click: () => {
        app.quit();
      }
    }
  ]);
  
  tray.setToolTip('myApp');
  tray.on('click', () => {
    win.show();
  });
  tray.on('right-click', () => {
    tray.popUpContextMenu(trayContextMenu);
  });
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容